source/src/components/LanguageToggleButton.tsx

@@ -8,7 +8,6 @@ import theming from "../theming"
 
 const StyledThemeButton = styled.div<{ language: string }>`
 	${theming.styles.navbarButtonStyle}
-	transition: transform 0.2s linear;
 	${(props) =>
 		props.language == "en"
 			? ""

source/src/components/ThemeToggleButton.tsx

@@ -9,7 +9,6 @@ import theming from "../theming"
 
 const StyledThemeButton = styled.div`
 	${theming.styles.navbarButtonStyle}
-	transition: transform 0.2s linear;
 	${theme("mode", {
 		light: "",
 		dark: "transform: scaleX(-1);\

source/src/theming.ts

@@ -44,6 +44,7 @@ export default {
 			padding: 14px 16px;
 			text-decoration: none;
 			margin: 0.1em;
+			transition: transform 0.1s linear;
 			color: ${theme("mode", {
 				light: "black",
 				dark: "#CFD0D0",