diff --git a/frontend/src/components/layout/served-app-label.tsx b/frontend/src/components/layout/served-app-label.tsx
index fcc8591a1b79..9cde03812c6e 100644
--- a/frontend/src/components/layout/served-app-label.tsx
+++ b/frontend/src/components/layout/served-app-label.tsx
@@ -12,10 +12,7 @@ export function ServedAppLabel() {
     <div className="flex items-center justify-between w-full">
       <div className="flex items-center gap-2">App</div>
       {activeHost && (
-        <span
-          onClick={openAppInNewTab}
-          className="flex items-center gap-2"
-        >
+        <span onClick={openAppInNewTab} className="flex items-center gap-2">
           <div className="flex items-center gap-1">
             <FaExternalLinkAlt fill="#a3a3a3" />
           </div>
diff --git a/frontend/src/hooks/query/use-active-host.ts b/frontend/src/hooks/query/use-active-host.ts
index aa75b7eae372..6a5f8ec017dc 100644
--- a/frontend/src/hooks/query/use-active-host.ts
+++ b/frontend/src/hooks/query/use-active-host.ts
@@ -29,25 +29,23 @@ export const useActiveHost = () => {
     queries: data.hosts.map((host) => ({
       queryKey: [conversationId, "hosts", host],
       queryFn: async () => {
-        console.log('querying host', host);
         try {
           await axios.get(host);
           return host;
         } catch (e) {
-          return '';
+          return "";
         }
       },
       refetchInterval: 3000,
     })),
   });
 
+  const appsData = apps.map((app) => app.data);
+
   React.useEffect(() => {
-    console.log('apps', apps);
-    const successfulApp = apps.find((app) => app.data);
-    console.log('successfulApp', successfulApp);
-    // Here's the change - use empty string as fallback instead of null
-    setActiveHost(successfulApp?.data || '');
-  }, [apps]);
+    const successfulApp = appsData.find((app) => app);
+    setActiveHost(successfulApp || "");
+  }, [appsData]);
 
   return { activeHost };
 };