diff --git a/src/modules/05_placement/components/OrderPlacement/step/step01.vue b/src/modules/05_placement/components/OrderPlacement/step/step01.vue
index a671ac437..b9d1489f8 100644
--- a/src/modules/05_placement/components/OrderPlacement/step/step01.vue
+++ b/src/modules/05_placement/components/OrderPlacement/step/step01.vue
@@ -1,7 +1,6 @@
 <template>
-  <div>
-    <div class="q-pa-md" style="max-height: 68vh; overflow-y: scroll">
-      <q-form ref="myForm">
+    <div style="max-height: 68vh; overflow-y: scroll;">
+      <q-form ref="myForm" class="q-pa-md">
         <div class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md">
           <div class="col-xs-12 col-md-6">
             <selector
@@ -381,7 +380,6 @@
         <q-tooltip>ต่อไป</q-tooltip>
       </q-btn> -->
     </div>
-  </div>
 </template>
 <script setup lang="ts">
 import { ref } from "vue";
diff --git a/src/views/MainLayout.vue b/src/views/MainLayout.vue
index 9d1e6c1e5..83b0af610 100644
--- a/src/views/MainLayout.vue
+++ b/src/views/MainLayout.vue
@@ -1005,10 +1005,14 @@ if (keycloak.tokenParsed != null) {
 .q-field--outlined .q-icon {
   color: #7474747f;
 }
+.q-card__actions .q-btn--rectangle {
+  padding: 0 14px !important;
+}
+
 /* custom scrollbar */
 ::-webkit-scrollbar {
-  width: 20px;
-  height: 20px;
+  width: 12px;
+  height: 12px;
 }
 
 ::-webkit-scrollbar-track {
@@ -1018,7 +1022,7 @@ if (keycloak.tokenParsed != null) {
 ::-webkit-scrollbar-thumb {
   background-color: #d6dee1;
   border-radius: 20px;
-  border: 6px solid transparent;
+  border: 3px solid transparent;
   background-clip: content-box;
 }
 
@@ -1026,7 +1030,5 @@ if (keycloak.tokenParsed != null) {
   background-color: #a8bbbf;
 }
 
-.q-card__actions .q-btn--rectangle {
-  padding: 0 14px !important;
-}
+
 </style>