diff --git a/apps/nextjs/src/styles/gridstack.scss b/apps/nextjs/src/styles/gridstack.scss
index 9e11de73b..615278f80 100644
--- a/apps/nextjs/src/styles/gridstack.scss
+++ b/apps/nextjs/src/styles/gridstack.scss
@@ -6,6 +6,12 @@
   --gridstack-cell-size: 0;
 }
 
+.ui-resizable-handle {
+  // Override default z-index of 100 to prevent it from being on top of the header.
+  // See https://github.com/homarr-labs/homarr/issues/1999
+  z-index: 1 !important;
+}
+
 .grid-stack-placeholder > .placeholder-content {
   background-color: rgb(248, 249, 250) !important;
   border-radius: 12px;