diff --git a/src/assets/css/chat.scss b/src/assets/css/chat.scss
index 113156f..c1a941d 100644
--- a/src/assets/css/chat.scss
+++ b/src/assets/css/chat.scss
@@ -132,6 +132,7 @@ body {
 
   .icon-dropdown {
     margin: 0px 8px;
+    color: var(--v-foreground-color);
   }
 
   .notification-alert {
diff --git a/src/assets/icons/ic_dropdown.vue b/src/assets/icons/ic_dropdown.vue
index 1e2510a..3983266 100644
--- a/src/assets/icons/ic_dropdown.vue
+++ b/src/assets/icons/ic_dropdown.vue
@@ -2,6 +2,11 @@
     <svg width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path
             d="M5.5 3.21932L8.9822 0.289048C9.49482 -0.142463 10.2664 -0.0840681 10.7056 0.418955C11.1451 0.922246 11.0856 1.67975 10.5733 2.11099L6.29552 5.71092C5.83774 6.09636 5.16221 6.09636 4.70448 5.71092L0.42672 2.11099C-0.0856265 1.67975 -0.145103 0.92226 0.294406 0.418955C0.733642 -0.0840681 1.50517 -0.142463 2.0178 0.289048L5.5 3.21932Z"
-            fill="black" />
+             />
     </svg>
-</template>
\ No newline at end of file
+</template>
+<style>
+    path {
+        fill: currentColor;
+    }
+</style>
\ No newline at end of file