From ec7433ecb854fbdcbd40804469745a3ff019de6d Mon Sep 17 00:00:00 2001
From: Laila Los <44241786+ElectronicBlueberry@users.noreply.github.com>
Date: Mon, 23 Sep 2024 15:02:37 +0200
Subject: [PATCH] fix activity text centering on chrome

---
 .../components/ActivityBar/ActivityItem.vue    | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/client/src/components/ActivityBar/ActivityItem.vue b/client/src/components/ActivityBar/ActivityItem.vue
index 278ca8d92bd1..cb0bb19e1f7a 100644
--- a/client/src/components/ActivityBar/ActivityItem.vue
+++ b/client/src/components/ActivityBar/ActivityItem.vue
@@ -77,15 +77,13 @@ function onClick(evt: MouseEvent): void {
                             width: `${Math.round(progressPercentage)}%`,
                         }" />
                 </span>
-                <span class="position-relative">
-                    <div class="nav-icon">
-                        <span v-if="indicator > 0" class="nav-indicator" data-description="activity indicator">
-                            {{ Math.min(indicator, 99) }}
-                        </span>
-                        <FontAwesomeIcon :icon="icon" />
-                    </div>
-                    <TextShort v-if="title" :text="title" class="nav-title" />
-                </span>
+                <div class="nav-icon">
+                    <span v-if="indicator > 0" class="nav-indicator" data-description="activity indicator">
+                        {{ Math.min(indicator, 99) }}
+                    </span>
+                    <FontAwesomeIcon :icon="icon" />
+                </div>
+                <TextShort v-if="title" :text="title" class="nav-title" />
             </b-nav-item>
         </template>
         <div class="text-center px-2 py-1">
@@ -106,6 +104,8 @@ function onClick(evt: MouseEvent): void {
 @import "theme/blue.scss";
 
 .activity-item {
+    display: flex;
+
     &:deep(.variant-danger) {
         color: $brand-danger;
     }