diff --git a/src/components/TopBar.vue b/src/components/TopBar.vue
index d077955..bf3005f 100644
--- a/src/components/TopBar.vue
+++ b/src/components/TopBar.vue
@@ -88,7 +88,22 @@ const disconnectUser = () => {
             >
               {{ formatWalletAddress() }}
             </span>
-            <img alt="Chevron Down" src="@/assets/chevronDown.svg" />
+            <img
+              class="text-black"
+              v-if="!menuHoverToggle && !menuOpenToggle"
+              alt="Chevron Down"
+              src="@/assets/chevronDown.svg"
+            />
+            <img
+              v-if="menuOpenToggle"
+              alt="Chevron Up"
+              src="@/assets/chevronUp.svg"
+            />
+            <img
+              v-if="menuHoverToggle && !menuOpenToggle"
+              alt="Chevron Down Black"
+              src="@/assets/chevronDownBlack.svg"
+            />
           </div>
           <div
             v-show="menuOpenToggle"