diff --git a/src/main.css b/src/main.css
index 0bc7a99..50447d8 100644
--- a/src/main.css
+++ b/src/main.css
@@ -185,7 +185,6 @@ svg
    cursor: pointer;
    padding: 4px;
    border-radius: 12px;
-   transition-duration: 0.3s;
 }
 
 .toggle:hover
diff --git a/src/main.jsx b/src/main.jsx
index 1abf837..a550091 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -22,14 +22,14 @@ class MainComponent extends Component
 	componentDidMount()
 	{
 		// Smooth color transitions (after rendering to avoid flash on reload)
-		setTimeout(() => {
-			const styleEl = document.head.getElementsByTagName('style')[0]
-			document.head.appendChild(styleEl)
-			const styleSheet = styleEl.sheet
-			styleSheet.insertRule(
-				'*, ::after, ::before { transition-property: background-color, color, fill; transition-duration: 1s;}')
-			},
-			500)
+		// setTimeout(() => {
+		// 	const styleEl = document.head.getElementsByTagName('style')[0]
+		// 	document.head.appendChild(styleEl)
+		// 	const styleSheet = styleEl.sheet
+		// 	styleSheet.insertRule(
+		// 		'*, ::after, ::before { transition-property: background-color, color, fill; transition-duration: 1s;}')
+		// 	},
+		// 	500)
 	}
 
 	toggleTheme(checked)