From 466ce0671765bffdd936325b7a97c97a7789aa06 Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Wed, 9 Jul 2025 08:55:17 +0200
Subject: [PATCH] ScrollArea width cleanup

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
---
 packages/canon/.storybook/themes/spotify.css                | 6 ------
 .../canon/src/components/ScrollArea/ScrollArea.styles.css   | 2 +-
 2 files changed, 1 insertion(+), 7 deletions(-)

diff --git a/packages/canon/.storybook/themes/spotify.css b/packages/canon/.storybook/themes/spotify.css
index 9893cd9eba..1f7ee65be3 100644
--- a/packages/canon/.storybook/themes/spotify.css
+++ b/packages/canon/.storybook/themes/spotify.css
@@ -183,12 +183,6 @@
     font-weight: var(--canon-font-weight-regular);
   }
 
-  .canon-ScrollAreaRoot {
-    width: 100%;
-    /* TODO: Bring this as a fix in OS */
-    height: unset;
-  }
-
   .canon-TabsIndicator {
     background-color: var(--canon-bg-underline);
   }
diff --git a/packages/canon/src/components/ScrollArea/ScrollArea.styles.css b/packages/canon/src/components/ScrollArea/ScrollArea.styles.css
index c2fd7df377..8ca184bf7c 100644
--- a/packages/canon/src/components/ScrollArea/ScrollArea.styles.css
+++ b/packages/canon/src/components/ScrollArea/ScrollArea.styles.css
@@ -16,7 +16,7 @@
 
 .canon-ScrollAreaRoot {
   box-sizing: border-box;
-  max-width: calc(100vw - 8rem);
+  width: 100%;
 }
 
 .canon-ScrollAreaViewport {