diff --git a/src/components/AppLayout.tsx b/src/components/AppLayout.tsx
index fd73e7c..1a52ea7 100644
--- a/src/components/AppLayout.tsx
+++ b/src/components/AppLayout.tsx
@@ -220,7 +220,7 @@ export default function AppLayout(props: AppLayoutProps): JSX.Element {
           </span>
           <p
             className={`font-black font-headers text-center overflow-hidden ${
-              props.navTitle.length > 30
+              props.navTitle?.length > 30
                 ? "text-xl max-h-14"
                 : "text-2xl max-h-16"
             }`}