diff --git a/app/components/work_package_relations_tab/index_component.html.erb b/app/components/work_package_relations_tab/index_component.html.erb index 804d2da67809..e78e21510bbf 100644 --- a/app/components/work_package_relations_tab/index_component.html.erb +++ b/app/components/work_package_relations_tab/index_component.html.erb @@ -1,15 +1,15 @@ <%= component_wrapper(tag: "turbo-frame") do %> <%= if should_render_create_button? - flex_layout(justify_content: :space_between, mb: 4) do |action_bar| - action_bar.with_column do + flex_layout(justify_content: :space_between, align_items: :center, mb: 4) do |action_bar| + action_bar.with_column(pr: 1) do render(Primer::Beta::Text.new(color: :muted)) do t("#{I18N_NAMESPACE}.index.action_bar_title") end end # Prevent the menu from overflowing on Safari - action_bar.with_column(flex_shrink: 0) do + action_bar.with_column(flex_shrink: 0, ml: 2) do render(Primer::Alpha::ActionMenu.new(test_selector: NEW_RELATION_ACTION_MENU, menu_id: NEW_RELATION_ACTION_MENU)) do |menu| menu.with_show_button do |button|