From 1f3b397de9431be31e3a7c961d588e64a1d4c1bc Mon Sep 17 00:00:00 2001
From: Gavin Grant <gavingrant@gmail.com>
Date: Sat, 10 Sep 2022 18:25:18 -0700
Subject: [PATCH] add width and height svg attributes for visibility on iphone

---
 components/ColorSwitcher.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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"