From ab7308ef9140ba24daa144da29904b84544bdc2e Mon Sep 17 00:00:00 2001
From: Nancy <42977925+mantis-toboggan-md@users.noreply.github.com>
Date: Mon, 7 Oct 2024 09:14:05 -0700
Subject: [PATCH] fix fleet summary tooltip styling (#12101)

---
 shell/assets/styles/global/_tooltip.scss | 2 +-
 shell/components/fleet/FleetStatus.vue   | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/shell/assets/styles/global/_tooltip.scss b/shell/assets/styles/global/_tooltip.scss
index 27da9659e4a..70d4ec3afe7 100644
--- a/shell/assets/styles/global/_tooltip.scss
+++ b/shell/assets/styles/global/_tooltip.scss
@@ -141,7 +141,7 @@
 .v-popper__popper.v-popper--theme-dropdown {
   z-index: z-index('tooltip');
 
-  &.containerLogsDropdown {
+  &.containerLogsDropdown, &.fleet-summary-tooltip{
     .v-popper__arrow-container {
       display: none;
     }
diff --git a/shell/components/fleet/FleetStatus.vue b/shell/components/fleet/FleetStatus.vue
index efa536fd891..fab6b9001af 100644
--- a/shell/components/fleet/FleetStatus.vue
+++ b/shell/components/fleet/FleetStatus.vue
@@ -150,7 +150,7 @@ function toPercent(value, min, max) {
           {{ title }}
         </div>
         <div
-          class="dropdwon resources-dropdown"
+          class="resources-dropdown"
           tabindex="0"
           @blur="showMenu(false)"
           @click="showMenu(true)"
@@ -158,12 +158,13 @@ function toPercent(value, min, max) {
         >
           <v-dropdown
             ref="popover"
-            placement="bottom-end"
+            placement="bottom"
             offset="-10"
             :triggers="[]"
             :delay="{show: 0, hide: 0}"
             :flip="false"
             :container="false"
+            popper-class="fleet-summary-tooltip"
           >
             <div class="meta-title">
               {{ meta.readyCount }} / {{ meta.total }} {{ title }} ready <i class="icon toggle icon-chevron-down" />