Merge branch 'rcrespo3-fix-bottom-popover-arrow-color' into 'master'

Fix bottom popover arrow color

See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/149761



Merged-by: Jose Ivan Vargas <jvargas@gitlab.com>
Approved-by: Libor Vanc <5022246-lvanc@users.noreply.gitlab.com>
Approved-by: Daniel Tian <dtian@gitlab.com>
Approved-by: Jose Ivan Vargas <jvargas@gitlab.com>
Co-authored-by: Rudy Crespo <rcrespo@gitlab.com>

ee/app/assets/javascripts/ai/components/global_callout/duo_chat_callout.vue

@@ -87,7 +87,7 @@ export default {
         :target="popoverTarget"
         :show="shouldShowCallout"
         show-close-button
-        :css-classes="['gl-max-w-48', 'gl-shadow-lg', 'gl-p-2']"
+        :css-classes="['duo-chat-callout-popover', 'gl-max-w-48', 'gl-shadow-lg', 'gl-p-2']"
         triggers="manual"
         data-testid="duo-chat-promo-callout-popover"
         @close-button-clicked="dismissCallout(dismiss)"
@@ -122,7 +122,7 @@ export default {
   </user-callout-dismisser>
 </template>
 <style lang="scss">
-.gl-popover.bs-popover-bottom > .arrow::after {
+.duo-chat-callout-popover.bs-popover-bottom > .arrow::after {
   border-bottom-color: #c4bae2;
   top: 1px;
 }