diff --git a/frontend/src/pages/HomePage.css b/frontend/src/pages/HomePage.css
index 89a13a383..c19cb15ca 100644
--- a/frontend/src/pages/HomePage.css
+++ b/frontend/src/pages/HomePage.css
@@ -25,20 +25,20 @@
 .mobile-brand {
   display: flex;
   align-items: center;
-  gap: 0.4rem;
+  gap: 0.5rem;
   min-width: 0;
 }
 
-.mobile-brand-mark {
-  height: 1.25rem;
+.mobile-brand-icon {
+  height: 1.5rem;
   width: auto;
+  flex-shrink: 0;
 }
 
-.mobile-brand-name {
-  font-size: 0.95rem;
-  font-weight: 600;
-  color: var(--text-primary);
-  line-height: 1.2;
+.mobile-brand-text {
+  height: 1.5rem;
+  width: auto;
+  max-width: 100%;
 }
 
 .mobile-toggle-buttons {
diff --git a/frontend/src/pages/HomePage.tsx b/frontend/src/pages/HomePage.tsx
index f40a3f1bd..f283a1caa 100644
--- a/frontend/src/pages/HomePage.tsx
+++ b/frontend/src/pages/HomePage.tsx
@@ -38,11 +38,13 @@ export default function HomePage() {
   const [activeMobileView, setActiveMobileView] = useState<MobileView>("tools");
   const isProgrammaticScroll = useRef(false);
 
-  const brandName = t("home.mobile.brandName", "Stirling");
   const brandAltText = t("home.mobile.brandAlt", "Stirling PDF logo");
-  const brandMarkSrc = `${BASE_PATH}/branding/StirlingPDFLogoNoText${
+  const brandIconSrc = `${BASE_PATH}/branding/StirlingPDFLogoNoText${
     colorScheme === "dark" ? "Dark" : "Light"
   }.svg`;
+  const brandTextSrc = `${BASE_PATH}/branding/StirlingPDFLogo${
+    colorScheme === "dark" ? "White" : "Black"
+  }Text.svg`;
 
   const handleSelectMobileView = useCallback((view: MobileView) => {
     setActiveMobileView(view);
@@ -127,8 +129,8 @@ export default function HomePage() {
           <div className="mobile-toggle">
             <div className="mobile-header">
               <div className="mobile-brand">
-                <img src={brandMarkSrc} alt={brandAltText} className="mobile-brand-mark" />
-                <span className="mobile-brand-name">{brandName}</span>
+                <img src={brandIconSrc} alt="" className="mobile-brand-icon" />
+                <img src={brandTextSrc} alt={brandAltText} className="mobile-brand-text" />
               </div>
             </div>
             <div className="mobile-toggle-buttons" role="tablist" aria-label={t('home.mobile.viewSwitcher', 'Switch workspace view')}>