diff --git a/app/layout-content.tsx b/app/layout-content.tsx
index 1ef5b61..49740f6 100644
--- a/app/layout-content.tsx
+++ b/app/layout-content.tsx
@@ -13,7 +13,12 @@ export default function LayoutContent({ children }: { children: React.ReactNode
         auth={auth} 
         LinkComponent={Link} 
         logoSrc="/ciphera_icon_no_margins.png"
-        appName="Ciphera Analytics"
+        appName={
+          <span className="flex items-center">
+            <span className="font-bold">Ciphera</span>
+            <span className="font-light">Analytics</span>
+          </span>
+        }
       />
       <main className="flex-1 pt-24 pb-8">
         {children}
diff --git a/components/LoadingOverlay.tsx b/components/LoadingOverlay.tsx
index 9649ef9..0922b29 100644
--- a/components/LoadingOverlay.tsx
+++ b/components/LoadingOverlay.tsx
@@ -27,11 +27,11 @@ export default function LoadingOverlay({
         <div className="flex items-center gap-3">
           <img 
             src={logoSrc} 
-            alt={title} 
+            alt={typeof title === 'string' ? title : "Ciphera Analytics"} 
             className="h-12 w-auto object-contain"
           />
-          <span className="text-3xl font-bold tracking-tight text-neutral-900 dark:text-white">
-            {title}
+          <span className="text-3xl tracking-tight text-neutral-900 dark:text-white">
+            <span className="font-bold">Ciphera</span><span className="font-light">Analytics</span>
           </span>
         </div>
         <div className="h-8 w-8 animate-spin rounded-full border-4 border-neutral-200 border-t-brand-orange dark:border-neutral-800 dark:border-t-brand-orange" />