From a9d4341a26f80bb4f9e3bf9cfe52c61814b152b3 Mon Sep 17 00:00:00 2001
From: Rebeka Dekany <50901361+rebekadekany@users.noreply.github.com>
Date: Tue, 11 Feb 2025 23:54:13 +0700
Subject: [PATCH] Merge pull request #23489 from
 overleaf/rd-fix-label-alignment-project-dashboard

[web] Fix the label alignment of tags

GitOrigin-RevId: fe0a530131148fc166b16c968dcec12a082a7413
---
 .../table/project-tools/buttons/tags-dropdown.tsx  | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/tags-dropdown.tsx b/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/tags-dropdown.tsx
index a67663f1f0..35f906f1b2 100644
--- a/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/tags-dropdown.tsx
+++ b/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/tags-dropdown.tsx
@@ -111,11 +111,15 @@ function TagsDropdown() {
                   )
                 }
               >
-                <span
-                  className="badge-tag-circle align-self-center ms-0"
-                  style={{ backgroundColor: getTagColor(tag) }}
-                />
-                <span className="text-truncate">{tag.name}</span>
+                <div className="badge-tag-content">
+                  <span className="badge-prepend">
+                    <i
+                      className="badge-tag-circle align-self-center ms-0"
+                      style={{ backgroundColor: getTagColor(tag) }}
+                    />
+                  </span>
+                  <span className="text-truncate">{tag.name}</span>
+                </div>
               </DropdownItem>
             </li>
           ))}