diff --git a/app/components/open_project/common/work_package_card_component.html.erb b/app/components/open_project/common/work_package_card_component.html.erb
index e655a5d9cfc..3b11084a080 100644
--- a/app/components/open_project/common/work_package_card_component.html.erb
+++ b/app/components/open_project/common/work_package_card_component.html.erb
@@ -60,10 +60,10 @@ See COPYRIGHT and LICENSE files for more details.
       <%= render(
             Primer::Beta::Text.new(
               tag: :span,
-              classes: "__hl_inline_priority_#{work_package.priority.id} __hl_inline__small_dot no-wrap"
+              classes: "op-work-package-card--priority __hl_inline_priority_#{work_package.priority.id} __hl_inline__small_dot no-wrap"
             )
           ) do %>
-        <span class="op-work-package-card--priority-name"><%= work_package.priority.name %></span>
+        <span class="op-work-package-card--priority-name ml-1"><%= work_package.priority.name %></span>
       <% end %>
     <% end %>
 
diff --git a/app/components/open_project/common/work_package_card_component.sass b/app/components/open_project/common/work_package_card_component.sass
index 25c3ed1f136..cbeb968d76c 100644
--- a/app/components/open_project/common/work_package_card_component.sass
+++ b/app/components/open_project/common/work_package_card_component.sass
@@ -38,6 +38,17 @@
   margin-bottom: var(--base-size-4)
   container-type: inline-size
 
+  .op-work-package-card--priority
+    display: inline-flex
+    align-items: center
+
+    &-name
+      display: inline-block
+      width: 90px
+      overflow: hidden
+      text-overflow: ellipsis
+      white-space: nowrap
+
   &_with-footer
     grid-template-rows: auto auto auto
     grid-template-areas: "info_line actions" "subject subject" "footer footer"