From b214afd9dca25e12e5dc1427a08cff7a4bdfe97d Mon Sep 17 00:00:00 2001
From: Rohit Kandimalla <rohit.kandimalla@icf.com>
Date: Tue, 30 Jul 2024 11:30:48 -0400
Subject: [PATCH] Hat to update styling for tooltop in qppds as these syles are
 overriding the styles from styles directory

---
 react/package-lock.json                           | 4 ++--
 react/package.json                                | 2 +-
 react/styles/qppds/components/_madie-tooltip.scss | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/react/package-lock.json b/react/package-lock.json
index 267e67c..705b2bc 100644
--- a/react/package-lock.json
+++ b/react/package-lock.json
@@ -1,12 +1,12 @@
 {
     "name": "@madie/madie-design-system",
-    "version": "1.2.22",
+    "version": "1.2.23",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "@madie/madie-design-system",
-            "version": "1.2.22",
+            "version": "1.2.23",
             "license": "CC0-1.0",
             "dependencies": {
                 "@cmsgov/design-system": "^5.0.2",
diff --git a/react/package.json b/react/package.json
index b21ccfe..614ecc6 100644
--- a/react/package.json
+++ b/react/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@madie/madie-design-system",
-    "version": "1.2.22",
+    "version": "1.2.23",
     "description": "Shared style guide across the Madie program.",
     "main": "dist/index.js",
     "homepage": "https://github.com/MeasureAuthoringTool/madie-design-system",
diff --git a/react/styles/qppds/components/_madie-tooltip.scss b/react/styles/qppds/components/_madie-tooltip.scss
index f534c63..5444c2b 100644
--- a/react/styles/qppds/components/_madie-tooltip.scss
+++ b/react/styles/qppds/components/_madie-tooltip.scss
@@ -13,7 +13,7 @@
     margin-bottom: -1px;
     position: relative;
     overflow: visible;
-    
+
     &:focus {
         outline-color: $cyan-50
     }
@@ -24,7 +24,7 @@
     }
 
     > .madie-tooltip {
-        z-index: 1;
+        z-index: 1000;
         border-radius: 4px;
         color: #fff;
         background: $grey-80;