diff --git a/d2/components/d2/admin/layout/dashboard/container/index.vue b/d2/components/d2/admin/layout/dashboard/container/index.vue
index a1f26686..3cb697ad 100644
--- a/d2/components/d2/admin/layout/dashboard/container/index.vue
+++ b/d2/components/d2/admin/layout/dashboard/container/index.vue
@@ -3,8 +3,8 @@
 </route>
 
 <template>
-  <d2-scroll class="body__container">
-    <div class="container__inner">
+  <d2-scroll class="body__scroll">
+    <div class="scroll__inner">
       <slot/>
     </div>
   </d2-scroll>
diff --git a/d2/style/themes/default/src/layout/dashboard/src/style.scss b/d2/style/themes/default/src/layout/dashboard/src/style.scss
index 11d215ad..f8b8b74c 100644
--- a/d2/style/themes/default/src/layout/dashboard/src/style.scss
+++ b/d2/style/themes/default/src/layout/dashboard/src/style.scss
@@ -27,12 +27,12 @@ html, body, #app {
   .layout__body {
     @apply absolute top-0 bottom-0 right-0;
     left: --var('side-width');
-    .body__container {
+    .body__scroll {
       @apply w-full h-full;
       >.os-scrollbar-vertical {
         top: calc(#{--var('header-height')} + #{--var('header-border-width')});
       }
-      .container__inner {
+      .scroll__inner {
         @apply relative overflow-hidden;
         margin-top: calc(#{--var('header-height')} + #{--var('header-border-width')});
         min-height: calc(100vh - (#{--var('header-height')} + #{--var('header-border-width')}));