Merge pull request #23489 from overleaf/rd-fix-label-alignment-project-dashboard

[web] Fix the label alignment of tags

GitOrigin-RevId: fe0a530131148fc166b16c968dcec12a082a7413

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>
           ))}