src/market/acquisition/AcquisitionQuantilsTooltip.vue

@@ -47,9 +47,9 @@ watchEffect(async () => {
 <template>
     <Tooltip v-model:open="open" class="tooltip">
         <template #header>
-            <LoadingSpinner v-if="history.length < trendingScale" />
-            <ArrowTrendingUpIcon v-else-if="history[0].average > history[trendingScale - 1].average" />
-            <ArrowTrendingDownIcon v-else />
+            <LoadingSpinner v-if="history.length < trendingScale" class="w-6 h-6" />
+            <ArrowTrendingUpIcon v-else-if="history[0].average > history[trendingScale - 1].average" class="w-6 h-6" />
+            <ArrowTrendingDownIcon v-else class="w-6 h-6" />
         </template>
         <template #default>
             <div class="bg-slate-500 -left-1/2 relative tooltip-content" v-if="history.length > 0">
@@ -86,14 +86,12 @@ watchEffect(async () => {
         &.tooltip-top>:deep(div.header) {
             @apply rounded-t-md bg-slate-600;
         }
-        &.tooltip-bottom {
-            .tooltip-content {
-                bottom: 79px;
+        &.tooltip-bottom .tooltip-content {
+            bottom: 75px;
         }
-            >:deep(div.header) {
+        &.tooltip-bottom>:deep(div.header) {
             @apply rounded-b-md bg-slate-600;
         }
     }
 }
-}
 </style>