From 86a3714874714603b0fc24e1b64d8bf59a420160 Mon Sep 17 00:00:00 2001
From: Sergey Pronin <sp@solanica.io>
Date: Thu, 8 Oct 2026 19:07:20 +0300
Subject: [PATCH] fix: render pod describe drawer above host app bar

Signed-off-by: Sergey Pronin <sp@solanica.io>
---
 .../pod-describe-drawer/pod-describe-drawer.tsx           | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/pod-describe-drawer/pod-describe-drawer.tsx b/src/components/pod-describe-drawer/pod-describe-drawer.tsx
index fded6d0..5b3c719 100644
--- a/src/components/pod-describe-drawer/pod-describe-drawer.tsx
+++ b/src/components/pod-describe-drawer/pod-describe-drawer.tsx
@@ -26,7 +26,13 @@ export const PodDescribeDrawer = ({ target, pod, onClose }: PodDescribeDrawerPro
   const { data, isLoading, error } = usePodDescription(target, pod);
 
   return (
-    <Drawer anchor="right" open={pod !== null} onClose={onClose}>
+    <Drawer
+      anchor="right"
+      open={pod !== null}
+      onClose={onClose}
+      // Host app bar sits at zIndex.drawer + 1; a modal drawer must overlay it.
+      sx={{ zIndex: (theme) => theme.zIndex.modal }}
+    >
       <Box sx={{ width: DRAWER_WIDTH, maxWidth: '100vw', p: 3 }} data-testid="pod-describe-drawer">
         <Stack direction="row" sx={{ alignItems: 'center', mb: 2 }}>
           <Typography variant="h6" sx={{ wordBreak: 'break-all' }}>