diff --git a/templates/repo/actions/list_inner.tmpl b/templates/repo/actions/list_inner.tmpl
index 207ca41c59..dce5e16e7b 100644
--- a/templates/repo/actions/list_inner.tmpl
+++ b/templates/repo/actions/list_inner.tmpl
@@ -1,12 +1,16 @@
 {{if .HasWorkflowsOrRuns}}
 <div class="ui stackable grid">
 	<div class="four wide column">
-		<div class="ui fluid vertical menu">
+		<div class="ui fluid vertical menu actions-menu">
 			<a class="item{{if not $.CurWorkflow}} active{{end}}" href="?actor={{$.CurActor}}&status={{$.CurStatus}}">{{ctx.Locale.Tr "actions.runs.all_workflows"}}</a>
 			{{range .workflows}}
-				<a class="item{{if eq .Entry.Name $.CurWorkflow}} active{{end}}" href="?workflow={{.Entry.Name}}&actor={{$.CurActor}}&status={{$.CurStatus}}">{{.Entry.Name}}
+				<a class="item{{if eq .Entry.Name $.CurWorkflow}} active{{end}}" href="?workflow={{.Entry.Name}}&actor={{$.CurActor}}&status={{$.CurStatus}}">
+					<span class="content" data-tooltip-content="{{.Entry.Name}}">
+						{{.Entry.Name}}
+					</span>
+
 					{{if .ErrMsg}}
-						<span data-tooltip-content="{{.ErrMsg}}">
+						<span class="error" data-tooltip-content="{{.ErrMsg}}">
 							{{svg "octicon-alert" 16 "text red"}}
 						</span>
 					{{end}}
diff --git a/web_src/css/actions.css b/web_src/css/actions.css
index 3992253eef..a9ff222e3c 100644
--- a/web_src/css/actions.css
+++ b/web_src/css/actions.css
@@ -55,7 +55,7 @@
 .run-list-item-right .run-list-meta {
   display: flex;
   flex-wrap: nowrap;
-  gap: .25rem;
+  gap: 0.25rem;
   align-items: center;
 }
 
@@ -107,3 +107,24 @@
     transform: rotate(-360deg);
   }
 }
+
+.ui.vertical.menu .item:not(:has(> :nth-child(1))),
+.ui.vertical.menu .item .content {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.ui.vertical.menu .item:has(.content) {
+  display: flex;
+}
+
+.ui.vertical.menu.actions-menu .item .error {
+  display: flex;
+  align-items: center;
+  margin-left: 1rem;
+}
+
+.ui.vertical.menu.actions-menu .item .label {
+  flex-shrink: 0;
+}