From 587bad7c802f5aebf85ea335da528c3c1c101121 Mon Sep 17 00:00:00 2001
From: Henry Wilkinson <henry@wilkinson.graphics>
Date: Tue, 3 Feb 2026 16:30:29 -0500
Subject: [PATCH 1/4] sheet container resiliency

---
 .../filter-dropdown/filter-dropdown.module.css           | 8 ++++----
 packages/ui/src/components/sheet/sheet.module.css        | 9 ++++-----
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/packages/ui/src/components/filter-dropdown/filter-dropdown.module.css b/packages/ui/src/components/filter-dropdown/filter-dropdown.module.css
index 8f6968cc..4a219271 100644
--- a/packages/ui/src/components/filter-dropdown/filter-dropdown.module.css
+++ b/packages/ui/src/components/filter-dropdown/filter-dropdown.module.css
@@ -1,12 +1,12 @@
 @reference '../../theme/theme.module.css';
 
 .selector-button {
-  @apply min-w-32;
-  @apply justify-between;
+  @apply min-w-128;
+  @apply flex justify-between;
 }
 
-.selector-button-inner {
-  @apply flex items-center gap-1;
+.selector-button-content {
+  @apply flex w-full items-center gap-1 truncate;
 }
 
 .chevron-icon {
diff --git a/packages/ui/src/components/sheet/sheet.module.css b/packages/ui/src/components/sheet/sheet.module.css
index 438fa537..3d55b2dd 100644
--- a/packages/ui/src/components/sheet/sheet.module.css
+++ b/packages/ui/src/components/sheet/sheet.module.css
@@ -33,14 +33,14 @@
 .sheet-content--side-left {
   @apply border-r;
   @apply inset-y-0 left-0;
-  @apply h-full w-3/4 sm:w-1/3;
+  @apply max-w-3/4 min-w-1/3 h-full w-fit;
   @apply data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left;
 }
 
 .sheet-content--side-right {
   @apply border-l;
   @apply inset-y-0 right-0;
-  @apply h-full w-3/4 sm:w-1/3;
+  @apply max-w-3/4 min-w-7/8 md:min-w-1/4 md:max-w-screen h-full w-fit;
   @apply data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right;
 }
 
@@ -49,7 +49,7 @@
 }
 
 .sheet-header {
-  @apply flex shrink-0 items-center;
+  @apply flex w-fit w-full shrink-0 items-center;
   @apply gap-4 p-4;
   @apply text-left;
   @apply from-brand-primary/40 to-background border-b bg-gradient-to-r;
@@ -71,8 +71,7 @@
 }
 
 .sheet-footer {
-  @apply flex shrink-0 flex-col-reverse sm:flex-row sm:justify-end;
-  @apply sm:space-x-2;
+  @apply flex w-full min-w-fit shrink-0 flex-col-reverse gap-2 sm:flex-row sm:justify-end;
   @apply border-border border-t p-4;
 }
 

From 7911e5a05c4ea2545314c6df0409fe79a25076b7 Mon Sep 17 00:00:00 2001
From: Henry Wilkinson <henry@wilkinson.graphics>
Date: Tue, 3 Feb 2026 16:30:37 -0500
Subject: [PATCH 2/4] Update filter-dropdown.tsx

---
 packages/ui/src/components/filter-dropdown/filter-dropdown.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/src/components/filter-dropdown/filter-dropdown.tsx b/packages/ui/src/components/filter-dropdown/filter-dropdown.tsx
index 9889aedd..7fe738e5 100644
--- a/packages/ui/src/components/filter-dropdown/filter-dropdown.tsx
+++ b/packages/ui/src/components/filter-dropdown/filter-dropdown.tsx
@@ -52,7 +52,7 @@ const FilterDropdown = ({
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
         <Button variant="tertiary" className={cn(styles['selector-button'], buttonClassName)}>
-          <span className={styles['selector-button-inner']}>
+          <span className={styles['selector-button-content']}>
             {label}
             {hasSelectedFilters && <Badge variant="primary">{selectedFilters.length}</Badge>}
           </span>

From 8872c6772a8492dc548050971bc41aea1c335b00 Mon Sep 17 00:00:00 2001
From: Henry Wilkinson <henry@wilkinson.graphics>
Date: Tue, 3 Feb 2026 16:30:50 -0500
Subject: [PATCH 3/4] Update sheet docs demo

---
 packages/demo/src/components/demo/sheet.tsx | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/packages/demo/src/components/demo/sheet.tsx b/packages/demo/src/components/demo/sheet.tsx
index 3ef883a7..cc7efad5 100644
--- a/packages/demo/src/components/demo/sheet.tsx
+++ b/packages/demo/src/components/demo/sheet.tsx
@@ -31,10 +31,19 @@ export const SheetDemo = () => {
             <SheetDescription>Sheet Description</SheetDescription>
           </SheetHeader>
           <SheetContent>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do
-            eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-            ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-            aliquip ex ea commodo consequat.
+            <div className="w-full max-w-200">
+              <p>
+                This container with max-w-200 and w-full applied sets the width
+                of the element up to a certain point!
+              </p>
+              <br />
+              <p>
+                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do
+                eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
+                enim ad minim veniam, quis nostrud exercitation ullamco laboris
+                nisi ut aliquip ex ea commodo consequat.
+              </p>
+            </div>
           </SheetContent>
           <SheetFooter>
             <Button

From e228f64b8a61548d169e64e4a562decb6a44b2b4 Mon Sep 17 00:00:00 2001
From: Henry Wilkinson <henry@wilkinson.graphics>
Date: Tue, 3 Feb 2026 16:33:00 -0500
Subject: [PATCH 4/4] bump version

---
 packages/ui/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/package.json b/packages/ui/package.json
index c5ba5b7e..8c6c646f 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -2,7 +2,7 @@
   "name": "@eqtylab/equality",
   "description": "EQTYLab's component and token-based design system",
   "homepage": "https://equality.eqtylab.io/",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "license": "Apache-2.0",
   "keywords": [
     "component library",