diff --git a/web/containers/Layout/TopBar/index.tsx b/web/containers/Layout/TopBar/index.tsx
index e5429297e..5ab4ebc84 100644
--- a/web/containers/Layout/TopBar/index.tsx
+++ b/web/containers/Layout/TopBar/index.tsx
@@ -10,7 +10,9 @@ const TopBar = () => {
     <div className="fixed left-0 top-0 z-50 flex h-12 w-full border-b border-border bg-background/50">
       <div className="relative left-16 flex w-[calc(100%-64px)] items-center justify-between space-x-4 pl-6 pr-2">
         <div>
-          <span className="font-medium">{viewStateName}</span>
+          <span className="font-medium">
+            {viewStateName.replace(/([A-Z])/g, ' $1').trim()}
+          </span>
         </div>
         <CommandSearch />
         {/* Command without trigger interface */}