diff --git a/ui/src/components/Header/index.tsx b/ui/src/components/Header/index.tsx
index d4af750c..8aaee1e5 100644
--- a/ui/src/components/Header/index.tsx
+++ b/ui/src/components/Header/index.tsx
@@ -74,11 +74,19 @@ const Header: FC = () => {
         <div className="d-flex justify-content-between align-items-center nav-grow flex-nowrap">
           <Navbar.Brand to="/" as={Link} className="lh-1 me-0 me-sm-3">
             {brandingInfo.logo ? (
-              <img
-                className="logo rounded-1 me-0"
-                src={brandingInfo.logo}
-                alt=""
-              />
+              <>
+                <img
+                  className="d-none d-lg-block logo rounded-1 me-0"
+                  src={brandingInfo.logo}
+                  alt=""
+                />
+
+                <img
+                  className="logo d-block d-lg-none rounded-1 me-0"
+                  src={brandingInfo.mobile_logo || brandingInfo.mobile_logo}
+                  alt=""
+                />
+              </>
             ) : (
               <span>{siteInfo.name || 'Answer'}</span>
             )}