diff --git a/templates/repo/actions/list.tmpl b/templates/repo/actions/list.tmpl
index 472953a34d2..2aac08d61b1 100644
--- a/templates/repo/actions/list.tmpl
+++ b/templates/repo/actions/list.tmpl
@@ -11,14 +11,14 @@
 					<a class="item {{if not $.CurWorkflow}}active{{end}}" href="?actor={{$.CurActor}}&status={{$.CurStatus}}&branch={{$.CurBranch}}">{{ctx.Locale.Tr "actions.runs.all_workflows"}}</a>
 					{{range .workflows}}
 						<a class="item flex-text-block {{if eq .Entry.Name $.CurWorkflow}}active{{end}}" href="?workflow={{.Entry.Name}}&actor={{$.CurActor}}&status={{$.CurStatus}}&branch={{$.CurBranch}}">
-							<span class="gt-ellipsis">{{.DisplayName}}</span>
+							<span class="gt-ellipsis" title="{{.DisplayName}}">{{.DisplayName}}</span>
 
 							{{if .ErrMsg}}
-								<span class="flex-text-inline" data-tooltip-content="{{.ErrMsg}}">{{svg "octicon-alert" 16 "tw-text-red"}}</span>
+								<span class="flex-text-inline tw-shrink-0" data-tooltip-content="{{.ErrMsg}}">{{svg "octicon-alert" 16 "tw-text-red"}}</span>
 							{{end}}
 
 							{{if $.ActionsConfig.IsWorkflowDisabled .Entry.Name}}
-								<div class="ui red label">{{ctx.Locale.Tr "disabled"}}</div>
+								<div class="ui red label tw-shrink-0">{{ctx.Locale.Tr "disabled"}}</div>
 							{{end}}
 						</a>
 					{{end}}
diff --git a/web_src/css/base.css b/web_src/css/base.css
index 92b82e9d89a..64da8fa9c19 100644
--- a/web_src/css/base.css
+++ b/web_src/css/base.css
@@ -863,6 +863,7 @@ table th[data-sortt-desc] .svg {
 
 .ui.list.flex-items-block > .item,
 .ui.vertical.menu.flex-items-block > .item,
+.ui.vertical.menu .item.flex-text-block,
 .ui.form .field > label.flex-text-block, /* override fomantic "block" style */
 .flex-items-block > .item,
 .flex-text-block {
diff --git a/web_src/css/modules/menu.css b/web_src/css/modules/menu.css
index 458d47fad0f..abdce8785b6 100644
--- a/web_src/css/modules/menu.css
+++ b/web_src/css/modules/menu.css
@@ -173,17 +173,6 @@
   margin-top: 0.35714286em;
 }
 
-.ui.menu .item > .label:not(.floating) {
-  margin-left: 1em;
-  padding: 0.3em 0.78571429em;
-}
-.ui.vertical.menu .item > .label {
-  margin-top: -0.15em;
-  margin-bottom: -0.15em;
-  padding: 0.3em 0.78571429em;
-  float: right;
-  text-align: center;
-}
 .ui.menu .item > .label {
   background: var(--color-label-bg);
   color: var(--color-label-text);
@@ -285,16 +274,6 @@
   border-radius: 0 0 0.28571429rem 0.28571429rem;
 }
 
-.ui.vertical.menu .item > i.icon {
-  width: 1.18em;
-  float: right;
-  margin: 0 0 0 0.5em;
-}
-.ui.vertical.menu .item > .label + i.icon {
-  float: none;
-  margin: 0 0.5em 0 0;
-}
-
 .ui.vertical.menu .item::before {
   position: absolute;
   content: "";