From f85ad9e6ee63ba4ed9583d6843dc2c985dee1540 Mon Sep 17 00:00:00 2001
From: Collin Brown <collinbrown95@gmail.com>
Date: Mon, 14 Sep 2020 22:55:03 -0400
Subject: [PATCH] Fixing CSS error on hovering over locale menu

---
 frontend/components/organisms/layout/TheHeader.vue | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/frontend/components/organisms/layout/TheHeader.vue b/frontend/components/organisms/layout/TheHeader.vue
index 00549f68..4c40a027 100644
--- a/frontend/components/organisms/layout/TheHeader.vue
+++ b/frontend/components/organisms/layout/TheHeader.vue
@@ -46,14 +46,12 @@
         v-for="locale in $i18n.locales"
         :key="locale.code"
       >
-        <v-list-item>
-          <nuxt-link
-            style="text-decoration: none; color: inherit;"
-            :to="switchLocalePath(locale.code)"
-          >
-            {{ locale.name }}
-          </nuxt-link>
-        </v-list-item>
+        <nuxt-link
+          class="v-list-item v-list-item--link theme--dark"
+          :to="switchLocalePath(locale.code)"
+        >
+          {{ locale.name }}
+        </nuxt-link>
       </v-list>
     </v-menu>
     <v-btn