diff --git a/layouts/client.vue b/layouts/client.vue
index 7880588..478d025 100644
--- a/layouts/client.vue
+++ b/layouts/client.vue
@@ -123,11 +123,11 @@ const guilds: GuildResponse[] | undefined = await fetchWithApi("/me/guilds");
 	position: absolute;
 	bottom: .25em;
 
-	background-color: var(--primary-color)
+	color: var(--primary-color)
 }
 
-#settings-menu {
-	background-color: var(--primary-highlighted-color)
+#settings-menu:hover {
+	color: var(--primary-highlighted-color)
 }
 
 </style>
\ No newline at end of file