From 1f9b92f07941e2896270e40cbe3da401ad8c5084 Mon Sep 17 00:00:00 2001
From: Phil Renaud <phil.renaud@hashicorp.com>
Date: Thu, 17 Oct 2024 23:51:07 -0400
Subject: [PATCH] Fix an issue where variables index dropdown would appear
 underneath table headers (#24162)

---
 .changelog/24162.txt                    | 3 +++
 ui/app/styles/components/variables.scss | 2 ++
 2 files changed, 5 insertions(+)
 create mode 100644 .changelog/24162.txt

diff --git a/.changelog/24162.txt b/.changelog/24162.txt
new file mode 100644
index 000000000..04ba84e0c
--- /dev/null
+++ b/.changelog/24162.txt
@@ -0,0 +1,3 @@
+```release-note:bug
+ui: Fix an issue where a dropdown on the variables page would appear underneath table headers
+```
diff --git a/ui/app/styles/components/variables.scss b/ui/app/styles/components/variables.scss
index 2e3419871..c27ccbdf6 100644
--- a/ui/app/styles/components/variables.scss
+++ b/ui/app/styles/components/variables.scss
@@ -12,6 +12,8 @@ $hdsInputHeight: 35px;
 
 .variable-title {
   margin-bottom: 2rem;
+  z-index: $z-base;
+
   .hds-page-header__main {
     flex-direction: unset;
   }