From 41673aa28df6acb47d75b867635e150ade756523 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?wood=28=EC=9A=B0=EB=93=9C=29?=
 <99236019+101wood@users.noreply.github.com>
Date: Tue, 12 Dec 2023 16:04:54 +0900
Subject: [PATCH] fix: update drawer panel width (#920)

* fix: update drawer panel width

* fix: update test files
---
 .../src/lib/Drawer/DrawerPanel/DrawerPanel.tsx                | 4 ++--
 .../DrawerPanel/__snapshots__/DrawerPanel.spec.tsx.snap       | 1 +
 .../src/lib/Drawer/__snapshots__/Drawer.spec.tsx.snap         | 4 ++++
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/vibrant-components/src/lib/Drawer/DrawerPanel/DrawerPanel.tsx b/packages/vibrant-components/src/lib/Drawer/DrawerPanel/DrawerPanel.tsx
index 9340d6778..57d95b2ff 100644
--- a/packages/vibrant-components/src/lib/Drawer/DrawerPanel/DrawerPanel.tsx
+++ b/packages/vibrant-components/src/lib/Drawer/DrawerPanel/DrawerPanel.tsx
@@ -57,7 +57,7 @@ export const DrawerPanel = withDrawerPanelVariation(({ testId = 'drawer-panel',
   const panelContent = isVertical ? (
     <Box width={panelSize} data-testid={testId} flexGrow={1} height="100%" onLayout={onPanelLayout} flexDirection="row">
       {!isStandardLeft && <Divider direction="vertical" kind="default" />}
-      <VStack height="100%" alignVertical="space-between">
+      <VStack height="100%" width="100%" alignVertical="space-between">
         <Box width="100%" overflow="hidden">
           {header}
           <ScrollBox hideScroll={true}>{contents}</ScrollBox>
@@ -69,7 +69,7 @@ export const DrawerPanel = withDrawerPanelVariation(({ testId = 'drawer-panel',
   ) : (
     <Box height={panelSize} width="100%" data-testid={testId} onLayout={onPanelLayout} flexDirection="column">
       {!isStandardTop && <Divider direction="horizontal" kind="default" />}
-      <VStack height="100%" alignVertical="space-between">
+      <VStack height="100%" width="100%" alignVertical="space-between">
         <Box width="100%" overflow="hidden">
           {header}
           <Box>{contents}</Box>
diff --git a/packages/vibrant-components/src/lib/Drawer/DrawerPanel/__snapshots__/DrawerPanel.spec.tsx.snap b/packages/vibrant-components/src/lib/Drawer/DrawerPanel/__snapshots__/DrawerPanel.spec.tsx.snap
index cd1e4820b..14eb9d943 100644
--- a/packages/vibrant-components/src/lib/Drawer/DrawerPanel/__snapshots__/DrawerPanel.spec.tsx.snap
+++ b/packages/vibrant-components/src/lib/Drawer/DrawerPanel/__snapshots__/DrawerPanel.spec.tsx.snap
@@ -117,6 +117,7 @@ exports[`<DrawerPanel /> when component is rendering match snapshot 1`] = `
   box-sizing: border-box;
   position: relative;
   height: 100%;
+  width: 100%;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   justify-content: space-between;
diff --git a/packages/vibrant-components/src/lib/Drawer/__snapshots__/Drawer.spec.tsx.snap b/packages/vibrant-components/src/lib/Drawer/__snapshots__/Drawer.spec.tsx.snap
index cfb774a19..4bc29c03f 100644
--- a/packages/vibrant-components/src/lib/Drawer/__snapshots__/Drawer.spec.tsx.snap
+++ b/packages/vibrant-components/src/lib/Drawer/__snapshots__/Drawer.spec.tsx.snap
@@ -201,6 +201,7 @@ exports[`<Drawer /> when Drawer is rendering each placement match snapshot 1`] =
   box-sizing: border-box;
   position: relative;
   height: 100%;
+  width: 100%;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   justify-content: space-between;
@@ -533,6 +534,7 @@ exports[`<Drawer /> when Drawer is rendering each placement match snapshot 2`] =
   box-sizing: border-box;
   position: relative;
   height: 100%;
+  width: 100%;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   justify-content: space-between;
@@ -861,6 +863,7 @@ exports[`<Drawer /> when Drawer is rendering each placement match snapshot 3`] =
   box-sizing: border-box;
   position: relative;
   height: 100%;
+  width: 100%;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   justify-content: space-between;
@@ -1164,6 +1167,7 @@ exports[`<Drawer /> when Drawer is rendering each placement match snapshot 4`] =
   box-sizing: border-box;
   position: relative;
   height: 100%;
+  width: 100%;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   justify-content: space-between;