diff --git a/app/src/components/nav/Navbar.tsx b/app/src/components/nav/Navbar.tsx
index 1c8f0e83112..33e47338c0f 100644
--- a/app/src/components/nav/Navbar.tsx
+++ b/app/src/components/nav/Navbar.tsx
@@ -53,6 +53,7 @@ const navLinkCSS = css`
     color 0.2s ease-in-out,
     background-color 0.2s ease-in-out;
   text-decoration: none;
+
   &.active {
     color: var(--ac-global-color-grey-1200);
     background-color: var(--ac-global-color-primary-300);
@@ -65,6 +66,9 @@ const navLinkCSS = css`
     padding: var(--ac-global-dimension-size-50);
     display: inline-block;
   }
+  .ac-text {
+    white-space: nowrap;
+  }
 `;
 
 const brandCSS = (theme: Theme) => css`
diff --git a/app/src/pages/Layout.tsx b/app/src/pages/Layout.tsx
index ed9f7b0c618..ca6eda63dc4 100644
--- a/app/src/pages/Layout.tsx
+++ b/app/src/pages/Layout.tsx
@@ -16,6 +16,7 @@ import {
   ThemeToggle,
   TopNavbar,
 } from "@phoenix/components/nav";
+import { useNotifyError } from "@phoenix/contexts";
 import { useFunctionality } from "@phoenix/contexts/FunctionalityContext";
 
 const layoutCSS = css`
@@ -78,6 +79,7 @@ function SideNav() {
   const hasInferences = useMemo(() => {
     return window.Config.hasInferences;
   }, []);
+  const notifyError = useNotifyError();
   const { authenticationEnabled } = useFunctionality();
   const navigate = useNavigate();
   const onLogout = useCallback(async () => {
@@ -87,7 +89,11 @@ function SideNav() {
     if (response.ok) {
       navigate("/login");
     }
-  }, [navigate]);
+    notifyError({
+      title: "Logout Failed",
+      message: "Failed to log out: " + response.statusText,
+    });
+  }, [navigate, notifyError]);
   return (
     <SideNavbar>
       <Brand />