diff --git a/packages/hoppscotch-ui/src/components/smart/Modal.vue b/packages/hoppscotch-ui/src/components/smart/Modal.vue
index 447f60f37..c263d1156 100644
--- a/packages/hoppscotch-ui/src/components/smart/Modal.vue
+++ b/packages/hoppscotch-ui/src/components/smart/Modal.vue
@@ -2,7 +2,7 @@
   <Transition name="fade" appear @leave="onTransitionLeaveStart">
     <div
       ref="modal"
-      class="fixed inset-0 z-50 overflow-y-auto transition"
+      class="fixed inset-0 z-[99999] overflow-y-auto transition"
       role="dialog"
     >
       <div
diff --git a/packages/hoppscotch-ui/src/components/smart/SlideOver.vue b/packages/hoppscotch-ui/src/components/smart/SlideOver.vue
index 96ff64522..f9ff3b2f8 100644
--- a/packages/hoppscotch-ui/src/components/smart/SlideOver.vue
+++ b/packages/hoppscotch-ui/src/components/smart/SlideOver.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="z-[99999]">
     <Transition name="fade" appear>
       <div
         v-if="show"