From 708c1325c2af62f5ad25b8ab2ef4c21179350d88 Mon Sep 17 00:00:00 2001
From: itsmartashub <44645238+itsmartashub@users.noreply.github.com>
Date: Tue, 10 Feb 2026 14:07:48 +0100
Subject: [PATCH 1/2] fix(custom-widths): Override DS chats wrapper padding to
 make broken custom widths working again (#24)

This fixes broken custom chats widths feature
---
 package.json                      | 3 +--
 styles/abstract/_root.scss        | 2 ++
 styles/elements/_right--main.scss | 7 ++++++-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 6ccea83..5675ea5 100644
--- a/package.json
+++ b/package.json
@@ -83,6 +83,5 @@
 		"typescript": "^5.9.2",
 		"vue-tsc": "^3.0.6",
 		"wxt": "^0.20.11"
-	},
-	"packageManager": "pnpm@10.15.1+sha512.34e538c329b5553014ca8e8f4535997f96180a1d0f614339357449935350d924e22f8614682191264ec33d1462ac21561aff97f6bb18065351c162c7e8f6de67"
+	}
 }
diff --git a/styles/abstract/_root.scss b/styles/abstract/_root.scss
index 41bb590..033db3a 100644
--- a/styles/abstract/_root.scss
+++ b/styles/abstract/_root.scss
@@ -11,6 +11,7 @@
     --letterSpacing: initial;
     --lineHeight: 28;
 
+
     --ds-font-family: var(--fontFamily) !important; // override DS font-family
 
     /* ? --- Custom Widths --- */
@@ -18,6 +19,7 @@
     // --defaultWidthChats: var(--message-list-max-width);
     --maxWidthChats: var(--defaultWidthChats);
     --maxWidthTextarea: var(--defaultWidthChats);
+    --dsxChatsWrapperPadding: clamp(0.5rem, 2vw, 3rem) !important;
 
     // --message-list-max-width: var(--maxWidthChats) !important;
 
diff --git a/styles/elements/_right--main.scss b/styles/elements/_right--main.scss
index 1e9c76a..e9f9e91 100644
--- a/styles/elements/_right--main.scss
+++ b/styles/elements/_right--main.scss
@@ -202,12 +202,17 @@
     // width: var(--maxWidthChats) !important; // nah, this makes chats to overflow in some case scenarios so width: 100% fix it??
 }
 
-/* Chatbox parent */
+/* Chatbox parent  (or textareea parent) */
 .aaff8b8f {
     --message-list-max-width: var(--maxWidthTextarea) !important;
     max-width: var(--maxWidthTextarea);
 }
 
+/* Chatbox and textarea wrapper parent */
+.ca1ef5b2 {
+    padding: 0 var(--dsxChatsWrapperPadding) !important;
+}
+
 /* ============ CUSTOM FONTS ============  */
 
 /* 

From 6db60db6f3ec61933ceadacc4e5bf770b4b45363 Mon Sep 17 00:00:00 2001
From: itsmartashub <44645238+itsmartashub@users.noreply.github.com>
Date: Tue, 10 Feb 2026 14:14:35 +0100
Subject: [PATCH 2/2] refactor(custom-widths): Remove `!important` from
 `--dsxChatsWrapperPadding` css var definition (#24)

---
 styles/abstract/_root.scss        |  2 +-
 styles/elements/_right--main.scss | 11 ++++++-----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/styles/abstract/_root.scss b/styles/abstract/_root.scss
index 033db3a..36c8e5b 100644
--- a/styles/abstract/_root.scss
+++ b/styles/abstract/_root.scss
@@ -19,7 +19,7 @@
     // --defaultWidthChats: var(--message-list-max-width);
     --maxWidthChats: var(--defaultWidthChats);
     --maxWidthTextarea: var(--defaultWidthChats);
-    --dsxChatsWrapperPadding: clamp(0.5rem, 2vw, 3rem) !important;
+    --dsxChatsWrapperPadding: clamp(0.5rem, 2vw, 3rem);
 
     // --message-list-max-width: var(--maxWidthChats) !important;
 
diff --git a/styles/elements/_right--main.scss b/styles/elements/_right--main.scss
index e9f9e91..f0df3df 100644
--- a/styles/elements/_right--main.scss
+++ b/styles/elements/_right--main.scss
@@ -202,16 +202,17 @@
     // width: var(--maxWidthChats) !important; // nah, this makes chats to overflow in some case scenarios so width: 100% fix it??
 }
 
-/* Chatbox parent  (or textareea parent) */
+/* Chatbox and textarea wrapper parent */
+.ca1ef5b2 {
+    padding: 0 var(--dsxChatsWrapperPadding) !important;
+}
+
+/* Textarea parent */
 .aaff8b8f {
     --message-list-max-width: var(--maxWidthTextarea) !important;
     max-width: var(--maxWidthTextarea);
 }
 
-/* Chatbox and textarea wrapper parent */
-.ca1ef5b2 {
-    padding: 0 var(--dsxChatsWrapperPadding) !important;
-}
 
 /* ============ CUSTOM FONTS ============  */