diff --git a/src/Icon.svelte b/src/Icon.svelte
index d2b1717..dcf19a6 100644
--- a/src/Icon.svelte
+++ b/src/Icon.svelte
@@ -4,7 +4,7 @@
 </script>
 
 <div 
-	class="p-2 cursor-pointer text-center text-3xl text-gray-300"
+	class="p-2 cursor-pointer text-center text-3xl"
 >
 	{icon}
 </div>
diff --git a/src/SideBar.svelte b/src/SideBar.svelte
index 1264b70..4bb7694 100644
--- a/src/SideBar.svelte
+++ b/src/SideBar.svelte
@@ -7,7 +7,7 @@
 </script>
 
 <div class="flex flex-row w-14 bg-neutral-700">
-	<div class="flex flex-col w-14 shrink-0">
+	<div class="flex flex-col shrink-0 w-14 text-gray-300">
 		{#each icons as { id, icon, info }}
 			<Icon
 				icon={icon}