From baffc37c4ca7ce5c879dbb2a32e5447a6c182321 Mon Sep 17 00:00:00 2001
From: Kai Wagner <kai.wagner@percona.com>
Date: Tue, 10 Feb 2026 11:18:32 +0100
Subject: [PATCH] fix z-index of left icons, to comply with the right ones

Signed-off-by: Kai Wagner <kai.wagner@percona.com>
---
 app/assets/stylesheets/components/topics.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/components/topics.css b/app/assets/stylesheets/components/topics.css
index 95d0ef2..848587f 100644
--- a/app/assets/stylesheets/components/topics.css
+++ b/app/assets/stylesheets/components/topics.css
@@ -146,6 +146,7 @@ a.topic-icon {
 .status-border {
   border-left: 8px solid transparent;
   position: relative;
+  overflow: visible;
 }
 
 .topic-title-main,
@@ -332,6 +333,7 @@ a.topic-icon {
   align-items: center;
   gap: var(--spacing-2);
   position: relative;
+  z-index: 2;
   padding: var(--spacing-2) var(--spacing-4) var(--spacing-2) var(--spacing-2);
   align-self: stretch;
   height: 100%;
@@ -357,7 +359,7 @@ a.topic-icon {
   position: absolute;
   top: calc(100% + 6px);
   left: 0;
-  z-index: 20;
+  z-index: 50;
   background: var(--color-bg-hoverbox);
   border-radius: var(--border-radius-md);
   padding: var(--spacing-3);