diff --git a/app/assets/stylesheets/card-columns.css b/app/assets/stylesheets/card-columns.css
index 06831f4f6..d30146dd2 100644
--- a/app/assets/stylesheets/card-columns.css
+++ b/app/assets/stylesheets/card-columns.css
@@ -671,24 +671,26 @@
   /* -------------------------------------------------------------------------- */
 
   /* Surface a mini bubble if there are cards with bubbles inside */
-  .cards--considering:has(.bubble:not([hidden])) .cards__expander-title,
+  .cards--considering:has(.bubble:not([hidden])),
   .cards--doing.is-collapsed:has(.bubble:not([hidden])) {
-    --bubble-color: var(--card-color, oklch(var(--lch-blue-medium)));
-    --bubble-shape: 54% 46% 61% 39% / 57% 49% 51% 43%;
+    .cards__transition-container {
+      --bubble-color: var(--card-color, oklch(var(--lch-blue-medium)));
+      --bubble-shape: 54% 46% 61% 39% / 57% 49% 51% 43%;
 
-    &:before {
-      background: radial-gradient(
-        color-mix(in srgb, var(--bubble-color) 8%, var(--color-canvas)) 50%,
-        color-mix(in srgb, var(--bubble-color) 48%, var(--color-canvas)) 100%
-      );
-      block-size: 1em;
-      border-radius: var(--bubble-shape);
-      content: "";
-      inline-size: 1em;
-      inset: 0 0 auto auto;
-      position: absolute;
-      translate: 25% -25%;
-      z-index: 1;
+      &:before {
+        background: radial-gradient(
+          color-mix(in srgb, var(--bubble-color) 8%, var(--color-canvas)) 50%,
+          color-mix(in srgb, var(--bubble-color) 48%, var(--color-canvas)) 100%
+        );
+        block-size: 1em;
+        border-radius: var(--bubble-shape);
+        content: "";
+        inline-size: 1em;
+        inset: 0 0 auto auto;
+        position: absolute;
+        translate: 25% -25%;
+        z-index: 1;
+      }
     }
   }