diff --git a/frontend/src/components/layout/served-app-label.tsx b/frontend/src/components/layout/served-app-label.tsx
index 824b3f3608f7..47687908905d 100644
--- a/frontend/src/components/layout/served-app-label.tsx
+++ b/frontend/src/components/layout/served-app-label.tsx
@@ -5,7 +5,10 @@ export function ServedAppLabel() {
 
   return (
     <div className="flex items-center justify-between w-full">
-      <div className="flex items-center gap-2">App</div>
+      <div className="flex items-center gap-2">
+        <div className="flex items-center gap-2">App</div>
+        <span className="border rounded-md text- px-1 font-bold">BETA</span>
+      </div>
       {activeHost && <div className="w-2 h-2 bg-green-500 rounded-full" />}
     </div>
   );