diff --git a/packages/elements/src/components/ino-nav-drawer/ino-nav-drawer.scss b/packages/elements/src/components/ino-nav-drawer/ino-nav-drawer.scss
index ce749b331..f930137da 100644
--- a/packages/elements/src/components/ino-nav-drawer/ino-nav-drawer.scss
+++ b/packages/elements/src/components/ino-nav-drawer/ino-nav-drawer.scss
@@ -35,6 +35,7 @@
 
   .mdc-drawer-app-content {
     height: 100%;
+    width: 100%;
     overflow: auto;
     flex: auto;
     transition-property: margin;
diff --git a/packages/storybook/src/stories/ino-nav-drawer/ino-nav-drawer.stories.ts b/packages/storybook/src/stories/ino-nav-drawer/ino-nav-drawer.stories.ts
index 0f0c5eaa6..85423dd68 100644
--- a/packages/storybook/src/stories/ino-nav-drawer/ino-nav-drawer.stories.ts
+++ b/packages/storybook/src/stories/ino-nav-drawer/ino-nav-drawer.stories.ts
@@ -51,6 +51,7 @@ const InoNavDrawerMeta = {
     actions: {
       handles: ['openChange .customizable-drawer', 'click .toggle-nav', 'clickEl ino-nav-item'],
     },
+    layout: 'padded',
   },
   decorators: [
     story => {
@@ -163,6 +164,6 @@ export const Mobile = Story({
   docsFromProperty: 'variant',
   args: {
     variant: 'mobile',
-    open: false,
+    open: true,
   },
 });