fix: Body Content get shifted to the right edge

Removed margin.
brainstormforce · Oct 14, 2024 · 11ae0d5 · 11ae0d5
1 parent 51248a3
commit 11ae0d5
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/drawer/drawer.stories.js b/src/components/drawer/drawer.stories.js
@@ -219,7 +219,7 @@ const ControlledTemplate = ( args ) => {
 						</Drawer.Description>
 					</Drawer.Header>
 					<Drawer.Body className="overflow-x-hidden">
-						<div className="w-full h-full mx-5 flex items-center justify-center border border-border-subtle border-dashed rounded-md bg-background-secondary">
+						<div className="w-full h-full flex items-center justify-center border border-border-subtle border-dashed rounded-md bg-background-secondary">
 							<p className="m-0 text-text-secondary">
 								Body content
 							</p>
@@ -266,7 +266,7 @@ const UncontrolledTemplate = ( args ) => (
 						</Drawer.Description>
 					</Drawer.Header>
 					<Drawer.Body className="overflow-x-hidden">
-						<div className="w-full h-full mx-5 flex items-center justify-center border border-border-subtle border-dashed rounded-md bg-background-secondary">
+						<div className="w-full h-full flex items-center justify-center border border-border-subtle border-dashed rounded-md bg-background-secondary">
 							<p className="m-0 text-text-secondary">
 								Body content
 							</p>