diff --git a/routers/web/devtest/mock_actions.go b/routers/web/devtest/mock_actions.go
index d898e19b70c..4efba4354ba 100644
--- a/routers/web/devtest/mock_actions.go
+++ b/routers/web/devtest/mock_actions.go
@@ -280,7 +280,7 @@ func MockActionsRunsJobs(ctx *context.Context) {
 			{jobID: "arch-test", name: "arch-test", status: actions_model.StatusSuccess, duration: "3s", needs: []string{"prep-jdk"}},
 			{jobID: "integration-test", name: "integration-test", status: actions_model.StatusSuccess, duration: "4s", needs: []string{"prep-jdk"}},
 
-			{jobID: "build-image", name: "build-image", status: actions_model.StatusSuccess, duration: "3s", needs: []string{
+			{jobID: "build-image", name: "build-image with a very long name that does not fit into the sidebar", status: actions_model.StatusSuccess, duration: "3s", needs: []string{
 				"unit-test",
 				"arch-test",
 				"integration-test",
diff --git a/web_src/js/components/ActionStatusIcon.vue b/web_src/js/components/ActionStatusIcon.vue
index 898743198ff..2ebfeb0dd83 100644
--- a/web_src/js/components/ActionStatusIcon.vue
+++ b/web_src/js/components/ActionStatusIcon.vue
@@ -28,7 +28,5 @@ const iconClass = computed(() => {
 </script>
 
 <template>
-  <span class="flex-text-inline" :data-tooltip-content="localeStatus ?? status" v-if="status">
-    <SvgIcon :name="icon.name" :class="iconClass" :size="size"/>
-  </span>
+  <SvgIcon v-if="status" :name="icon.name" :class="iconClass" :size="size" :data-tooltip-content="localeStatus ?? status"/>
 </template>
diff --git a/web_src/js/modules/tippy.ts b/web_src/js/modules/tippy.ts
index 2a4ffd10359..c4abdb3d997 100644
--- a/web_src/js/modules/tippy.ts
+++ b/web_src/js/modules/tippy.ts
@@ -149,6 +149,7 @@ function attachLazyTooltip(el: HTMLElement): void {
       let ariaLabelValue = content;
       if (isHtml) ariaLabelValue = stripTags(content).replace(/\s+/g, ' ').trim();
       el.setAttribute('aria-label', ariaLabelValue);
+      el.removeAttribute('aria-hidden');
     }
   }
 }