diff --git a/src/market/acquisition/AcquisitionQuantilsTooltip.vue b/src/market/acquisition/AcquisitionQuantilsTooltip.vue
index 1aa05ae..e4c238c 100644
--- a/src/market/acquisition/AcquisitionQuantilsTooltip.vue
+++ b/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,13 +86,11 @@ watchEffect(async () => {
         &.tooltip-top>:deep(div.header) {
             @apply rounded-t-md bg-slate-600;
         }
-        &.tooltip-bottom {
-            .tooltip-content {
-                bottom: 79px;
-            }
-            >:deep(div.header) {
-                @apply rounded-b-md bg-slate-600;
-            }
+        &.tooltip-bottom .tooltip-content {
+            bottom: 75px;
+        }
+        &.tooltip-bottom>:deep(div.header) {
+            @apply rounded-b-md bg-slate-600;
         }
     }
 }