diff --git a/src/components/locale-switcher.tsx b/src/components/locale-switcher.tsx
index 44fb3474..e44af4d1 100644
--- a/src/components/locale-switcher.tsx
+++ b/src/components/locale-switcher.tsx
@@ -25,7 +25,7 @@ export default function LocaleSwitcher({ className }: LocalSwitcherProps) {
           <span className="sr-only">
             <Trans>Open options</Trans>
           </span>
-          <LanguageIcon className="h-7 w-7" aria-hidden="true" />
+          <LanguageIcon className="size-7" aria-hidden="true" />
         </Menu.Button>
       </div>
 
diff --git a/src/components/theme-switcher.tsx b/src/components/theme-switcher.tsx
index 2cf6b3a0..3f6422f7 100644
--- a/src/components/theme-switcher.tsx
+++ b/src/components/theme-switcher.tsx
@@ -45,9 +45,9 @@ export default function ThemeSwitcher({ className }: ThemeSwitcherProps) {
     >
       <button onClick={toggleTheme} className="flex items-center">
         {isDarkMode ? (
-          <SunIcon className="h-7 w-7" />
+          <SunIcon className="size-7" />
         ) : (
-          <MoonIcon className="h-7 w-7" />
+          <MoonIcon className="size-7" />
         )}
         <span className="sr-only">
           {isDarkMode ? t`Switch to light theme` : t`Switch to dark theme`}