diff --git a/app.pug b/app.pug
index 6b7d65c..0ab96ec 100644
--- a/app.pug
+++ b/app.pug
@@ -33,6 +33,7 @@ html#hELLO(
 
     style
       include:postcss @/css/app.css
+      include:postcss @/css/shortcutLayer.css
 
     script(fixed).
       /**
diff --git a/assets/css/shortcutLayer.css b/assets/css/shortcutLayer.css
new file mode 100644
index 0000000..4c35c9b
--- /dev/null
+++ b/assets/css/shortcutLayer.css
@@ -0,0 +1,20 @@
+#shortcutLayer {
+  @apply shadow-none bg-h-200 dark:bg-h-700;
+
+  .btn_doc_close {
+    @apply border-0 bg-h-700 text-h-200 dark:bg-h-600;
+  }
+
+  h2,
+  h3 {
+    @apply font-bold;
+  }
+
+  h2,
+  h3,
+  th,
+  td,
+  p {
+    @apply text-h-600 dark:text-h-200 border-h-300 dark:border-h-600;
+  }
+}
diff --git a/index.pug b/index.pug
index 53ed26b..de07d01 100644
--- a/index.pug
+++ b/index.pug
@@ -2,13 +2,12 @@ extends app
 
 block TIDORY
   include views/Loader
-  include views/ScrollIndicator
-  include views/ShortcutLayer
   s_t3
     #index(
       x-data='{ sidebar: false }'
       class='pl-0 break-all <s_if_var_sidebar>xl:pl-s</s_if_var_sidebar>')
       include views/Main
       include views/Sidebar
+      include views/Indicator
       include views/Top
       include views/Bottom
diff --git a/views/ShortcutLayer.pug b/views/ShortcutLayer.pug
deleted file mode 100644
index cf4793e..0000000
--- a/views/ShortcutLayer.pug
+++ /dev/null
@@ -1,22 +0,0 @@
-style
-  :postcss
-    #shortcutLayer {
-      @apply shadow-none bg-h-200 dark:bg-h-700;
-
-      .btn_doc_close {
-        @apply border-0 bg-h-700 text-h-200 dark:bg-h-600;
-      }
-
-      h2,
-      h3 {
-        @apply font-bold;
-      }
-
-      h2,
-      h3,
-      th,
-      td,
-      p {
-        @apply text-h-600 dark:text-h-200 border-h-300 dark:border-h-600;
-      }
-    }