diff --git a/src/lib/ThemeToggle.svelte b/src/lib/ThemeToggle.svelte
index b5f2714..dd1c74d 100644
--- a/src/lib/ThemeToggle.svelte
+++ b/src/lib/ThemeToggle.svelte
@@ -15,7 +15,16 @@
 
 <DarkMode bind:theme />
 
-<button on:click={toggle} class="cursor-pointer flex items-center py-1 px-0 bg-transparent border-0 font-[var(--font-primary)]">
+<button on:click={toggle} class="cursor-pointer flex items-center py-1 px-0 bg-transparent border-0 font-[var(--font-primary)] color-[var(--text)]">
 	<div class="i-fa6-solid:{theme === "dark" ? "sun" : "moon"}" />
-	<span class="ml-1 sm:hidden">Toggle theme</span>
-</button>
\ No newline at end of file
+	<span class="ml-2">Toggle theme</span>
+</button>
+
+<style>
+	@media screen and (min-width: 900px) {
+		span {
+			display: none;
+			margin-left: 0.25rem;
+		}
+	}
+</style>
\ No newline at end of file