diff --git a/frontend/src/components/VibeAura.tsx b/frontend/src/components/VibeAura.tsx
index d83cc77..1841eb2 100644
--- a/frontend/src/components/VibeAura.tsx
+++ b/frontend/src/components/VibeAura.tsx
@@ -31,17 +31,8 @@ export function VibeAura({ profile, ambient = false }: { profile: VibeProfile; a
     '--vibe-core-opacity': ambient ? '0.38' : '1',
   } as CSSProperties;
 
-  return (
-    <div
-      className={ambient
-        ? 'group absolute left-1/2 top-[58%] z-0 grid h-16 w-16 -translate-x-1/2 -translate-y-1/2 scale-[21.6] cursor-help place-items-center rounded-full opacity-50 focus:outline-none'
-        : 'group relative grid h-16 w-16 shrink-0 place-items-center rounded-full focus:outline-none'}
-      style={style}
-      role="img"
-      tabIndex={0}
-      aria-label={`Current Vibe: ${energyLabel} energy and ${discoveryLabel} discovery`}
-      title={`Current Vibe: ${energyLabel} energy, ${discoveryLabel} discovery`}
-    >
+  const aura = (
+    <div className="grid h-16 w-16 place-items-center rounded-full">
       <div className="vibe-aura-halo" />
       <div className="vibe-aura-orbit vibe-aura-orbit-one" />
       <div className="vibe-aura-orbit vibe-aura-orbit-two" />
@@ -58,4 +49,34 @@ export function VibeAura({ profile, ambient = false }: { profile: VibeProfile; a
       )}
     </div>
   );
+
+  if (ambient) {
+    return (
+      <div
+        className="group absolute left-1/2 top-[58%] z-20 h-16 w-16 -translate-x-1/2 -translate-y-1/2 cursor-help rounded-full focus:outline-none"
+        style={style}
+        role="img"
+        tabIndex={0}
+        aria-label={`Current Vibe: ${energyLabel} energy and ${discoveryLabel} discovery`}
+        title={`Current Vibe: ${energyLabel} energy, ${discoveryLabel} discovery`}
+      >
+        <div className="pointer-events-none absolute inset-0 scale-[21.6] opacity-50 mix-blend-screen">
+          {aura}
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div
+      className="group relative grid h-16 w-16 shrink-0 place-items-center rounded-full focus:outline-none"
+      style={style}
+      role="img"
+      tabIndex={0}
+      aria-label={`Current Vibe: ${energyLabel} energy and ${discoveryLabel} discovery`}
+      title={`Current Vibe: ${energyLabel} energy, ${discoveryLabel} discovery`}
+    >
+      {aura}
+    </div>
+  );
 }
diff --git a/frontend/src/pages/Vibe.tsx b/frontend/src/pages/Vibe.tsx
index 0cf0509..49d1273 100644
--- a/frontend/src/pages/Vibe.tsx
+++ b/frontend/src/pages/Vibe.tsx
@@ -186,7 +186,7 @@ export default function Vibe() {
 
   // ---- Active session ----
   return (
-    <PageContainer width="sm" className="relative isolate overflow-hidden py-6">
+    <PageContainer width="sm" className="relative isolate py-6">
       <VibeAura profile={profile} ambient />
       <div className="relative z-10 space-y-6">
         <header className="flex items-center justify-between">