diff --git a/components/ColorSwitcher.tsx b/components/ColorSwitcher.tsx
index 7ef75c244..363288f76 100644
--- a/components/ColorSwitcher.tsx
+++ b/components/ColorSwitcher.tsx
@@ -5,7 +5,7 @@ export default function ColorSwitcher() {
   const { toggleTheme, colorMode } = useColorSwitcher();
 
   const sunIcon = (
-    <svg viewBox="0 0 24 24" focusable="false">
+    <svg width="24" height="24" viewBox="0 0 24 24" focusable="false">
       <g strokeLinejoin="round" strokeLinecap="round" strokeWidth="2" fill="none" stroke="currentColor">
         <circle cx="12" cy="12" r="5"></circle>
         <path d="M12 1v2"></path>
@@ -21,7 +21,7 @@ export default function ColorSwitcher() {
   );
 
   const moonIcon = (
-    <svg viewBox="0 0 24 24" focusable="false">
+    <svg width="24" height="24" viewBox="0 0 24 24" focusable="false">
       <path
         fill="currentColor"
         d="M21.4,13.7C20.6,13.9,19.8,14,19,14c-5,0-9-4-9-9c0-0.8,0.1-1.6,0.3-2.4c0.1-0.3,0-0.7-0.3-1 c-0.3-0.3-0.6-0.4-1-0.3C4.3,2.7,1,7.1,1,12c0,6.1,4.9,11,11,11c4.9,0,9.3-3.3,10.6-8.1c0.1-0.3,0-0.7-0.3-1 C22.1,13.7,21.7,13.6,21.4,13.7z"