diff --git a/src/components/Logo.tsx b/src/components/Logo.tsx
index 1950362..5f4c557 100644
--- a/src/components/Logo.tsx
+++ b/src/components/Logo.tsx
@@ -6,7 +6,7 @@ interface Props {
 const UltifideLogo = ({ className, isWhite }: Props) => (
   <svg
     className={className}
-    style={{ maxWidth: '100%', maxHeight: '100%', width: 'auto' }}
+    style={{ maxWidth: '100%', maxHeight: '100%', width: 'fit-content', height: 'fit-content' }}
     xmlns="http://www.w3.org/2000/svg"
     width="284"
     height="83"
@@ -19,7 +19,7 @@ const UltifideLogo = ({ className, isWhite }: Props) => (
     />
     <path
       fill={isWhite ? '#FFFFFF' : '#001C44'}
-      stroke="#001C44"
+      stroke={isWhite ? '#FFFFFF' : '#001C44'}
       strokeWidth="0.617"
       d="M105.338 56.904c2.312 2.127 5.687 3.165 10.073 3.165 4.356 0 7.715-1.038 10.026-3.165 2.346-2.158 3.498-5.277 3.498-9.306V30.811c0-.612-.198-1.127-.616-1.509-.415-.409-.971-.598-1.628-.598-.633 0-1.182.194-1.623.594l.207.228-.207-.228c-.421.382-.62.899-.62 1.513v17.087c0 2.888-.771 5.006-2.263 6.414-1.496 1.411-3.735 2.143-6.774 2.143-3.037 0-5.293-.731-6.821-2.144-1.491-1.408-2.262-3.526-2.262-6.413V30.811c0-.612-.198-1.127-.616-1.509-.412-.406-.95-.598-1.581-.598-.657 0-1.212.19-1.628.598-.417.382-.615.897-.615 1.509v16.787c0 4.055 1.135 7.175 3.45 9.306z"
     />