diff --git a/src/lib/Nav.svelte b/src/lib/Nav.svelte
index 5f6194b..5c6b662 100644
--- a/src/lib/Nav.svelte
+++ b/src/lib/Nav.svelte
@@ -48,7 +48,6 @@
 		</a>
 		<div class="theme-toggle icon">
 			<ThemeToggle />
-			<span>Toggle theme</span>
 		</div>
 	</div>
 </nav>
diff --git a/src/lib/ThemeToggle.svelte b/src/lib/ThemeToggle.svelte
index ceed43c..282fcec 100644
--- a/src/lib/ThemeToggle.svelte
+++ b/src/lib/ThemeToggle.svelte
@@ -15,4 +15,7 @@
 
 <DarkMode bind:theme />
 
-<div on:click={toggle} class="i-fa6-solid:{theme === "dark" ? "sun" : "moon"} cursor-pointer flex items-center" />
\ No newline at end of file
+<div on:click={toggle} class="cursor-pointer flex items-center">
+	<div class="i-fa6-solid:{theme === "dark" ? "sun" : "moon"}" />
+	<span class="ml-1 sm:hidden">Toggle theme</span>
+</div>
\ No newline at end of file