diff --git a/resources/css/tailwind.css b/resources/css/tailwind.css
index 7998785..889f3e0 100644
--- a/resources/css/tailwind.css
+++ b/resources/css/tailwind.css
@@ -67,10 +67,6 @@
   --font-sans: Inter var, ui-sans-serif, system-ui, sans-serif;
 
   --text-2xs: 0.7rem;
-
-  --transition-property-colors-shadow:
-    color, background-color, border-color,
-    text-decoration-color, fill, stroke, box-shadow;
 }
 
 /*
diff --git a/resources/js/Layouts/MainMenuButton.svelte b/resources/js/Layouts/MainMenuButton.svelte
index be68366..19d62fb 100644
--- a/resources/js/Layouts/MainMenuButton.svelte
+++ b/resources/js/Layouts/MainMenuButton.svelte
@@ -9,9 +9,12 @@
 	use:inertia
 	{href}
 	class="
-		px-5 py-2.5 bg-white dark:bg-gray-700 shadow-lg rounded-full
-		text-gray-900 dark:text-white transition-colors-shadow duration-200 uppercase font-semibold tracking-wide
-		focus:outline-none hover:ring-3 focus:ring-3 active:ring-3 hover:ring-brand-primary/50 focus:ring-brand-primary/75 active:ring-brand-primary/100
+		rounded-full bg-white px-5 py-2.5 font-semibold tracking-wide
+		text-gray-900 uppercase shadow-lg transition-all duration-200
+		hover:ring-3 hover:ring-brand-primary/50
+		focus:ring-3 focus:ring-brand-primary/75 focus:outline-none
+		active:ring-3 active:ring-brand-primary/100
+		dark:bg-gray-700 dark:text-white
 	"
 >
 	{@render children()}