diff --git a/src/components/subComponents/ThemeToggle.astro b/src/components/subComponents/ThemeToggle.astro
index cc9a83df..43cff14e 100644
--- a/src/components/subComponents/ThemeToggle.astro
+++ b/src/components/subComponents/ThemeToggle.astro
@@ -3,7 +3,7 @@
 ---
 
 <button id="themeToggle" class="mr-4">
-  <svg width="30px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <svg width="26px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
     <path
       class="sun"
       fill-rule="evenodd"
@@ -23,7 +23,7 @@
     background: none;
   }
   .sun {
-    fill: white;
+    fill: rgb(250, 250, 250, 0.7);
   }
   .moon {
     fill: transparent;
@@ -33,7 +33,7 @@
     fill: transparent;
   }
   :global(.dark) .moon {
-    fill: white;
+    fill: rgb(250, 250, 250, 0.7);
   }
 </style>