diff --git a/frontend/express/public/javascripts/countly/vue/components/sidebar.js b/frontend/express/public/javascripts/countly/vue/components/sidebar.js
index 0dd0f37433c..b7113717a9d 100644
--- a/frontend/express/public/javascripts/countly/vue/components/sidebar.js
+++ b/frontend/express/public/javascripts/countly/vue/components/sidebar.js
@@ -616,7 +616,6 @@
                 countlyVue.container.dataMixin({
                     "externalMainMenuOptions": "/sidebar/menu/main",
                     "otherMenuOptions": "/sidebar/menu/other",
-                    "customSidebarComponents": "/sidebar/custom",
                 })
             ],
             components: {
diff --git a/frontend/express/public/javascripts/countly/vue/core.js b/frontend/express/public/javascripts/countly/vue/core.js
index 53ff769a935..cb04bcdb7da 100644
--- a/frontend/express/public/javascripts/countly/vue/core.js
+++ b/frontend/express/public/javascripts/countly/vue/core.js
@@ -894,17 +894,23 @@
             self.vm = new Vue({
                 el: el,
                 store: _vuex.getGlobalStore(),
+                mixins: [
+                    countlyVue.container.dataMixin({
+                        "customOverlayComponents": "/overlay/custom",
+                    })
+                ],
                 components: {
                     DummyCompAPI: DummyCompAPI,
                     MainView: self.component,
                     GenericPopups: GenericPopupsView,
-                    QuickstartPopover: QuickstartPopoverView,
+                    QuickstartPopover: QuickstartPopoverView
                 },
                 template: '<div>\
                                 <MainView></MainView>\
                                 <GenericPopups></GenericPopups>\
                                 <DummyCompAPI></DummyCompAPI>\
                                 <QuickstartPopover></QuickstartPopover>\
+                                <component v-if="customOverlayComponents" v-for="customComponent in customOverlayComponents" :key="customComponent.name" :is="customComponent.component" />\
                             </div>',
                 beforeCreate: function() {
                     this.$route.params = self.params;
diff --git a/frontend/express/public/javascripts/countly/vue/templates/sidebar/sidebar.html b/frontend/express/public/javascripts/countly/vue/templates/sidebar/sidebar.html
index 572a08fbe0f..5a8f14d44d8 100644
--- a/frontend/express/public/javascripts/countly/vue/templates/sidebar/sidebar.html
+++ b/frontend/express/public/javascripts/countly/vue/templates/sidebar/sidebar.html
@@ -67,10 +67,4 @@
             </a>
         </div>
     </transition>
-
-    <component
-        v-if="customSidebarComponents"
-        v-for="customComponent in customSidebarComponents"
-        :key="customComponent.name"
-        :is="customComponent.component" />
 </div>
diff --git a/frontend/express/public/stylesheets/styles/blocks/_sidebar.scss b/frontend/express/public/stylesheets/styles/blocks/_sidebar.scss
index 81079680f9e..6a000530181 100644
--- a/frontend/express/public/stylesheets/styles/blocks/_sidebar.scss
+++ b/frontend/express/public/stylesheets/styles/blocks/_sidebar.scss
@@ -8,6 +8,7 @@ $bg-color: #24292e;
     left: 0;
     height: 100%;
     user-select: none;
+    z-index: 2000;
     color: map.get(c.$colors, "warm-gray-40");
 }
 
@@ -141,6 +142,7 @@ $bg-color: #24292e;
         box-sizing: border-box;
         height: 100%;
         overflow: hidden;
+        z-index: 2004;
         position: relative;
 
         /* .cly-vue-sidebar__menu--with-banner */