diff --git a/app/assets/stylesheets/page_bundles/design_management.scss b/app/assets/stylesheets/page_bundles/design_management.scss
index b5a797725dc4137e7bda49107eb0e1eca8dd7d2d..59dc2c1233b7a008ba8d2110914a1382426c6c64 100644
--- a/app/assets/stylesheets/page_bundles/design_management.scss
+++ b/app/assets/stylesheets/page_bundles/design_management.scss
@@ -3,7 +3,6 @@
 $design-pin-diameter: 28px;
 $design-pin-diameter-sm: 24px;
 $t-gray-a-16-design-pin: rgba($black, 0.16);
-$zindex-design-detail: 1061;
 
 .design-card-header {
   background: transparent;
@@ -15,7 +14,6 @@ $zindex-design-detail: 1061;
 
 .design-detail {
   bottom: $calc-application-footer-height;
-  z-index: $zindex-design-detail;
 
   .comment-indicator {
     border-radius: 50%;
diff --git a/ee/app/assets/javascripts/ai/components/global_callout/duo_chat_callout.vue b/ee/app/assets/javascripts/ai/components/global_callout/duo_chat_callout.vue
index c96f093189961bab0b07dcc1d3b451faebcf21de..602d4fdf53972642801967b2ec5918d7df5d25ef 100644
--- a/ee/app/assets/javascripts/ai/components/global_callout/duo_chat_callout.vue
+++ b/ee/app/assets/javascripts/ai/components/global_callout/duo_chat_callout.vue
@@ -122,8 +122,12 @@ export default {
   </user-callout-dismisser>
 </template>
 <style lang="scss">
-.duo-chat-callout-popover.bs-popover-bottom > .arrow::after {
-  border-bottom-color: #c4bae2;
-  top: 1px;
+.duo-chat-callout-popover {
+  z-index: 1001;
+
+  &.bs-popover-bottom > .arrow::after {
+    border-bottom-color: #c4bae2;
+    top: 1px;
+  }
 }
 </style>