diff --git a/labs/navigationdrawer/internal/_shared.scss b/labs/navigationdrawer/internal/_shared.scss
index 4362744098..1174620579 100644
--- a/labs/navigationdrawer/internal/_shared.scss
+++ b/labs/navigationdrawer/internal/_shared.scss
@@ -12,17 +12,15 @@
 
 @mixin styles() {
   .md3-navigation-drawer-modal, .md3-navigation-drawer {
-    background-color: var(--_container-color);
-    border-radius: var(--_container-shape);
-    height: var(--_container-height);
-
-    &.md3-navigation-drawer-modal--opened, .md3-navigation-drawer--opened {
-      inline-size: var(--_container-width);
-    }
-
-    .md3-navigation-drawer-modal__slot-content, .md3-navigation-drawer__slot-content {
-      min-inline-size: var(--_container-width);
-      max-inline-size: var(--_container-width);
-    }
+  	 background-color: var(--_container-color);
+  	 border-radius: var(--_container-shape);
+  	 height: var(--_container-height);
+  }
+  .md3-navigation-drawer-modal.md3-navigation-drawer-modal--opened, .md3-navigation-drawer.md3-navigation-drawer--opened {
+  	 inline-size: var(--_container-width);
+  }
+  .md3-navigation-drawer-modal .md3-navigation-drawer-modal__slot-content, .md3-navigation-drawer .md3-navigation-drawer__slot-content {
+  	 min-inline-size: var(--_container-width);
+  	 max-inline-size: var(--_container-width);
   }
 }