diff --git a/frontend/src/components/NewDeal.vue b/frontend/src/components/NewDeal.vue
index ef4ecb86..587fc674 100644
--- a/frontend/src/components/NewDeal.vue
+++ b/frontend/src/components/NewDeal.vue
@@ -50,7 +50,7 @@
                 <template #suffix>
                   <FeatherIcon
                     :name="open ? 'chevron-up' : 'chevron-down'"
-                    class="h-4"
+                    class="h-4 text-gray-600"
                   />
                 </template>
               </Button>
diff --git a/frontend/src/components/NewLead.vue b/frontend/src/components/NewLead.vue
index ad0fd1b3..cd0a1a48 100644
--- a/frontend/src/components/NewLead.vue
+++ b/frontend/src/components/NewLead.vue
@@ -50,7 +50,7 @@
                 <template #suffix>
                   <FeatherIcon
                     :name="open ? 'chevron-up' : 'chevron-down'"
-                    class="h-4"
+                    class="h-4 text-gray-600"
                   />
                 </template>
               </Button>
diff --git a/frontend/src/components/UserDropdown.vue b/frontend/src/components/UserDropdown.vue
index 65745de1..1e809b12 100644
--- a/frontend/src/components/UserDropdown.vue
+++ b/frontend/src/components/UserDropdown.vue
@@ -35,7 +35,7 @@
               : 'opacity-100 ml-2 w-auto'
           "
         >
-          <FeatherIcon name="chevron-down" class="h-4 w-4" aria-hidden="true" />
+          <FeatherIcon name="chevron-down" class="h-4 w-4 text-gray-600" aria-hidden="true" />
         </div>
       </button>
     </template>
diff --git a/frontend/src/pages/Contacts.vue b/frontend/src/pages/Contacts.vue
index 62fd8b8f..b2f54b9f 100644
--- a/frontend/src/pages/Contacts.vue
+++ b/frontend/src/pages/Contacts.vue
@@ -20,7 +20,7 @@
             <template #suffix
               ><FeatherIcon
                 :name="open ? 'chevron-up' : 'chevron-down'"
-                class="h-4"
+                class="h-4 text-gray-600"
             /></template>
           </Button>
         </template>
diff --git a/frontend/src/pages/Deal.vue b/frontend/src/pages/Deal.vue
index fa64ef71..6027287f 100644
--- a/frontend/src/pages/Deal.vue
+++ b/frontend/src/pages/Deal.vue
@@ -28,7 +28,7 @@
             <template #suffix
               ><FeatherIcon
                 :name="open ? 'chevron-up' : 'chevron-down'"
-                class="h-4"
+                class="h-4 text-gray-600"
             /></template>
           </Button>
         </template>
@@ -272,7 +272,7 @@
                               <template #suffix>
                                 <FeatherIcon
                                   :name="open ? 'chevron-up' : 'chevron-down'"
-                                  class="h-4"
+                                  class="h-4 text-gray-600"
                                 />
                               </template>
                             </Button>
diff --git a/frontend/src/pages/Deals.vue b/frontend/src/pages/Deals.vue
index 3d4822bb..509d3da1 100644
--- a/frontend/src/pages/Deals.vue
+++ b/frontend/src/pages/Deals.vue
@@ -20,7 +20,7 @@
             <template #suffix>
               <FeatherIcon
                 :name="open ? 'chevron-up' : 'chevron-down'"
-                class="h-4"
+                class="h-4 text-gray-600"
               />
             </template>
           </Button>
diff --git a/frontend/src/pages/Lead.vue b/frontend/src/pages/Lead.vue
index 103958b0..026eda81 100644
--- a/frontend/src/pages/Lead.vue
+++ b/frontend/src/pages/Lead.vue
@@ -26,7 +26,7 @@
             <template #suffix
               ><FeatherIcon
                 :name="open ? 'chevron-up' : 'chevron-down'"
-                class="h-4"
+                class="h-4 text-gray-600"
             /></template>
           </Button>
         </template>
@@ -271,7 +271,7 @@
                             <template #suffix>
                               <FeatherIcon
                                 :name="open ? 'chevron-up' : 'chevron-down'"
-                                class="h-4"
+                                class="h-4 text-gray-600"
                               />
                             </template>
                           </Button>
diff --git a/frontend/src/pages/Leads.vue b/frontend/src/pages/Leads.vue
index 8c7e2a6a..2ff8cad6 100644
--- a/frontend/src/pages/Leads.vue
+++ b/frontend/src/pages/Leads.vue
@@ -20,7 +20,7 @@
             <template #suffix
               ><FeatherIcon
                 :name="open ? 'chevron-up' : 'chevron-down'"
-                class="h-4"
+                class="h-4 text-gray-600"
             /></template>
           </Button>
         </template>