diff --git a/src/assets/index.css b/src/assets/index.css
index d4041582..b84c1012 100644
--- a/src/assets/index.css
+++ b/src/assets/index.css
@@ -15,7 +15,7 @@
 
 /* Handle */
 ::-webkit-scrollbar-thumb {
-    background: #555;
+    background: #4E0723;
     border-radius: 5px;
 }
 
diff --git a/src/components/elements/Dropdown/Dropdown.vue b/src/components/elements/Dropdown/Dropdown.vue
index 109a179d..e8387766 100644
--- a/src/components/elements/Dropdown/Dropdown.vue
+++ b/src/components/elements/Dropdown/Dropdown.vue
@@ -18,7 +18,7 @@
     </div>
     <ul
       v-if="isOpen"
-      class="absolute z-30 ring ring-white rounded ring-opacity-100 whitespace-nowrap"
+      class="absolute z-30 ring ring-white rounded ring-opacity-100 whitespace-nowrap max-h-[30rem] overflow-auto"
       :class="[getBgColor(type)]"
     >
       <li