diff --git a/src/components/global/SudoVanillaLogo.astro b/src/components/global/SudoVanillaLogo.astro
index 1f63a0a..2d91378 100644
--- a/src/components/global/SudoVanillaLogo.astro
+++ b/src/components/global/SudoVanillaLogo.astro
@@ -23,8 +23,18 @@ const { WithLogo, OnlyLogo } = Astro.props;
       null
     ):
     <p>
-      <span>Sudo</span>
-      <span style="font-family: RedHatDisplay; font-weight: bold;">Vanilla</span>
+      <img
+        style="display: none; width: fit-content; height: 16px;"
+        class="sv-logo-white"
+        alt="SudoVanilla Logo"
+        src="https://md.sudovanilla.org/images/SudoVanilla-Text.png"
+      />
+      <img
+        style="display: none; width: fit-content; height: 16px;"
+        class="sv-logo-purple"
+        alt="SudoVanilla Logo"
+        src="https://md.sudovanilla.org/images/SudoVanilla-Text-Purple.png"
+      />
     </p>
   }
 </div>
@@ -42,7 +52,7 @@ const { WithLogo, OnlyLogo } = Astro.props;
   img[src="https://md.sudovanilla.org/images/sv-logo-4.png"],
   img["https://md.sudovanilla.org/images/SudoVanilla%20Logo%20-%20Purple.png"]
   {
-    width: 32px !important;
-    height: 30px !important;
+    width: 32px;
+    height: 30px;
   }
 </style>