From e2517f3f1f43ee859751996b030813affcffc8cc Mon Sep 17 00:00:00 2001
From: Akis <mavrommatisakis@gmail.com>
Date: Wed, 28 Sep 2022 20:11:54 +0300
Subject: [PATCH] fix(theme-toggler): improve a11y

---
 src/lib/ThemeToggle.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/ThemeToggle.svelte b/src/lib/ThemeToggle.svelte
index 282fcec..fdc0023 100644
--- a/src/lib/ThemeToggle.svelte
+++ b/src/lib/ThemeToggle.svelte
@@ -15,7 +15,7 @@
 
 <DarkMode bind:theme />
 
-<div on:click={toggle} class="cursor-pointer flex items-center">
+<button on:click={toggle} class="cursor-pointer flex items-center py-1 bg-transparent border-0 font-[var(--font-primary)]">
 	<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
+</button>
\ No newline at end of file