diff --git a/Services/client/src/components/FileItem.vue b/Services/client/src/components/FileItem.vue
index bd7816a..b083846 100644
--- a/Services/client/src/components/FileItem.vue
+++ b/Services/client/src/components/FileItem.vue
@@ -177,7 +177,7 @@ const props = withDefaults(
       </div>
     </div>
   </div>
-  <div class="q-mt-md">
+  <div class="q-mt-xl">
     <span class="text-h6 text-weight-light" v-if="currentDept > 2">เอกสาร</span>
     <div class="q-gutter-md q-mt-xs">
       <div
@@ -260,7 +260,7 @@ const props = withDefaults(
 <style lang="scss" scoped>
 .box {
   display: inline-block;
-  border: 2px solid rgb(223, 223, 223);
+  border: 2px solid $separator-color;
   border-radius: 8px;
   cursor: pointer;
 }
diff --git a/Services/client/src/style/quasar-variables.sass b/Services/client/src/style/quasar-variables.sass
index f29d821..395a21a 100644
--- a/Services/client/src/style/quasar-variables.sass
+++ b/Services/client/src/style/quasar-variables.sass
@@ -18,7 +18,6 @@ body
     -webkit-font-smoothing: antialiased
     -moz-osx-font-smoothing: grayscale
 
-$separator-color: #EDEDED !default
 
 $shadow-color: #c1c1c7 !default