diff --git a/luasrc/gaya/gaya.css b/luasrc/gaya/gaya.css
index 8df6d3a..6b414e7 100644
--- a/luasrc/gaya/gaya.css
+++ b/luasrc/gaya/gaya.css
@@ -654,6 +654,7 @@ label {
   
   .cbi-map {
     margin-top: 10px;
+    position: relative;
   }
   
   #cbi-shadowsocksr .cbi-map-descr {
@@ -1007,11 +1008,28 @@ strong {
     border-radius: 20px;
     backdrop-filter: blur(20px);
     -webkit-backdrop-filter: blur(20px);
+    position: relative;
   }
   .cbi-modal .cbi-section,
   .cbi-section .cbi-section {
 
   }
+  .cbi-section:nth-of-type(1) {
+      z-index: 4; /* the first section will be on top */
+  }
+
+  .cbi-section:nth-of-type(2) {
+      z-index: 3; 
+  }
+
+  .cbi-section:nth-of-type(3) {
+      z-index: 2;
+  }
+
+  .cbi-section:nth-of-type(4) {
+      z-index: 1; /* the last section will be at the bottom */
+  }
+
   .cbi-modal .cbi-tabmenu {
     margin-left: 0;
   }
@@ -1794,7 +1812,6 @@ strong {
     animation: anim-rotate 2s infinite cubic-bezier(0.18, 0.89, 0.32, 1.28);
     background: url(./icons/spinner16.svg) no-repeat center;
   }
-  }
   .left,
   .left::before {
     text-align: left !important;