diff --git a/src/assets/index.css b/src/assets/index.css
index d4041582..3f561fdb 100644
--- a/src/assets/index.css
+++ b/src/assets/index.css
@@ -3,23 +3,25 @@
 @tailwind components;
 @tailwind utilities;
 
+:root {
+    background-color:black;
+}
 ::-webkit-scrollbar {
     width: 10px;
 }
 
 /* Track */
 ::-webkit-scrollbar-track {
-    background: #FFFFFF;
     border-radius: 5px;
 }
 
 /* Handle */
 ::-webkit-scrollbar-thumb {
-    background: #555;
+    background: #8F6173;
     border-radius: 5px;
 }
 
 /* Handle on hover */
 ::-webkit-scrollbar-thumb:hover {
-    background: #D82027;;
+     background: #4E0723; 
 }
\ No newline at end of file
diff --git a/src/components/elements/Dropdown/Dropdown.vue b/src/components/elements/Dropdown/Dropdown.vue
index 109a179d..d429fa82 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-[50svh] overflow-auto"
       :class="[getBgColor(type)]"
     >
       <li