diff --git a/apps/web/src/app/arcade/complement-race/components/RaceTrack/CircularTrack.tsx b/apps/web/src/app/arcade/complement-race/components/RaceTrack/CircularTrack.tsx
index 54d61876..ec5cc864 100644
--- a/apps/web/src/app/arcade/complement-race/components/RaceTrack/CircularTrack.tsx
+++ b/apps/web/src/app/arcade/complement-race/components/RaceTrack/CircularTrack.tsx
@@ -401,7 +401,11 @@ export function CircularTrack({ playerProgress, playerLap, aiRacers, aiLaps }: C
             {activeBubble && (
               <div
                 style={{
-                  transform: `rotate(${-aiPos.angle}deg)`, // Counter-rotate bubble
+                  position: 'absolute',
+                  bottom: '100%', // Position above the AI racer
+                  left: '50%',
+                  transform: `translate(-50%, -15px) rotate(${-aiPos.angle}deg)`, // Offset 15px above, counter-rotate bubble
+                  zIndex: 20, // Above player (10) and AI racers (5)
                 }}
               >
                 <SpeechBubble
diff --git a/apps/web/src/app/arcade/complement-race/components/RaceTrack/LinearTrack.tsx b/apps/web/src/app/arcade/complement-race/components/RaceTrack/LinearTrack.tsx
index ddee664d..1ac2862c 100644
--- a/apps/web/src/app/arcade/complement-race/components/RaceTrack/LinearTrack.tsx
+++ b/apps/web/src/app/arcade/complement-race/components/RaceTrack/LinearTrack.tsx
@@ -144,7 +144,11 @@ export function LinearTrack({
             {activeBubble && (
               <div
                 style={{
-                  transform: 'scaleX(-1)', // Counter-flip bubble to make text readable
+                  position: 'absolute',
+                  bottom: '100%', // Position above the AI racer
+                  left: '50%',
+                  transform: 'translate(-50%, -15px) scaleX(-1)', // Offset 15px above, counter-flip bubble
+                  zIndex: 20, // Above player (10) and AI racers (5)
                 }}
               >
                 <SpeechBubble