diff --git a/web/components/nav/manifold-logo.tsx b/web/components/nav/manifold-logo.tsx
index ec15d54b..35a68f39 100644
--- a/web/components/nav/manifold-logo.tsx
+++ b/web/components/nav/manifold-logo.tsx
@@ -17,16 +17,23 @@ export function ManifoldLogo(props: {
   return (
     <Link href={user ? '/home' : '/'}>
       <a className={clsx('group flex flex-shrink-0 flex-row gap-4', className)}>
-        <img
-          className="transition-all group-hover:rotate-12"
-          src={darkBackground ? '/logo-white.svg' : '/logo.svg'}
-          width={45}
-          height={45}
-        />
+        {!ENV_CONFIG.navbarLogoPath && (
+          <img
+            className="transition-all group-hover:rotate-12"
+            src={darkBackground ? '/logo-white.svg' : '/logo.svg'}
+            width={45}
+            height={45}
+          />
+        )}
 
         {!hideText &&
           (ENV_CONFIG.navbarLogoPath ? (
-            <img src={ENV_CONFIG.navbarLogoPath} width={245} height={45} />
+            <img
+              className="rounded-md bg-gradient-to-r from-cyan-500 to-sky-600 p-2"
+              src={ENV_CONFIG.navbarLogoPath}
+              width={350}
+              height={80}
+            />
           ) : twoLine ? (
             <div
               className={clsx(