diff --git a/src/app/components/shared/_dialogs/joyride-template/joyride-template.component.scss b/src/app/components/shared/_dialogs/joyride-template/joyride-template.component.scss
index 2110387ce025edccdaee0bcdb0d209e92e9d9948..dd7dfff21796f706bae835ed19f6d536734bc7a9 100644
--- a/src/app/components/shared/_dialogs/joyride-template/joyride-template.component.scss
+++ b/src/app/components/shared/_dialogs/joyride-template/joyride-template.component.scss
@@ -1,13 +1,17 @@
 ::ng-deep {
-  .joyride-step__holder.center {
-    top: 0 !important;
-    left: 0 !important;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-    transform: none !important;
+  .joyride-step__holder {
+    z-index: 1000 !important;
+
+    &.center {
+      top: 22.5vh !important;
+      left: 0 !important;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 55vh;
+      transform: none !important;
+    }
   }
 
   .joyride-step__header {
@@ -48,6 +52,10 @@
     opacity: 0.7;
   }
 
+  .backdrop-container {
+    z-index: 999 !important;
+  }
+
   .joyride-step__close {
     width: 1em !important;
     height: 1em !important;