diff --git a/assets/css/style.css b/assets/css/style.css
index 470671c..2503d13 100755
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -137,3 +137,9 @@
 
     }
 }
+.form-switch .form-check-input {
+    padding: 10px 16px;
+    background-color: black;
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
+
+}
\ No newline at end of file
diff --git a/pages/adaptivesoundscap.vue b/pages/adaptivesoundscap.vue
index 0ad81c8..d393f3c 100755
--- a/pages/adaptivesoundscap.vue
+++ b/pages/adaptivesoundscap.vue
@@ -9,7 +9,7 @@
         <div class="col-12 col-sm-11 col-md-10 p-3 py-4 col-lg-7 bg-white " style="border-radius: 15px">
           <div class="row px-3">
             <div class="col-2">
-              <span><i class="fa-solid fs-3 fa-arrow-left-long"></i></span>
+              <span><i class="fa-solid fs-3 fa-arrow-left-long" style="cursor: pointer" @click="this.$router.go(-1)"></i></span>
             </div>
             <div class="col-8">
               <h4 class="text-center fw-bolder">Adaptive Soundscape</h4>
diff --git a/pages/homeforest.vue b/pages/homeforest.vue
index 9213d1e..9b32bd9 100644
--- a/pages/homeforest.vue
+++ b/pages/homeforest.vue
@@ -159,7 +159,7 @@
             <div class=" bg-white " style="border-radius: 15px">
               <div class="row px-3">
                 <div class="col-2">
-                  <span><i class="fa-solid fs-3 fa-arrow-left-long"></i></span>
+                  <span><i class="fa-solid fs-3 fa-arrow-left-long"  style="cursor: pointer" data-bs-dismiss="modal"></i></span>
                 </div>
                 <div class="col-8">
                   <h4 class="text-center fw-bolder">Adaptive Soundscape</h4>
diff --git a/pages/homemeadow.vue b/pages/homemeadow.vue
index d95e2b9..04f9bdf 100644
--- a/pages/homemeadow.vue
+++ b/pages/homemeadow.vue
@@ -159,7 +159,7 @@
             <div class=" bg-white " style="border-radius: 15px">
               <div class="row px-3">
                 <div class="col-2">
-                  <span><i class="fa-solid fs-3 fa-arrow-left-long"></i></span>
+                  <span><i class="fa-solid fs-3 fa-arrow-left-long"  style="cursor: pointer" data-bs-dismiss="modal"></i></span>
                 </div>
                 <div class="col-8">
                   <h4 class="text-center fw-bolder">Adaptive Soundscape</h4>
diff --git a/pages/hometropics.vue b/pages/hometropics.vue
index 80ebc1a..120b27e 100644
--- a/pages/hometropics.vue
+++ b/pages/hometropics.vue
@@ -161,7 +161,7 @@
             <div class=" bg-white " style="border-radius: 15px">
               <div class="row px-3">
                 <div class="col-2">
-                  <span><i class="fa-solid fs-3 fa-arrow-left-long"></i></span>
+                  <span><i class="fa-solid fs-3 fa-arrow-left-long"  style="cursor: pointer" data-bs-dismiss="modal"></i></span>
                 </div>
                 <div class="col-8">
                   <h4 class="text-center fw-bolder">Adaptive Soundscape</h4>
diff --git a/pages/index.vue b/pages/index.vue
index 4792664..c93fa62 100755
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -166,7 +166,7 @@
               <div class=" bg-white " style="border-radius: 15px">
                 <div class="row px-3">
                   <div class="col-2">
-                    <span><i class="fa-solid fs-3 fa-arrow-left-long"></i></span>
+                    <span><i class="fa-solid fs-3 fa-arrow-left-long" style="cursor: pointer" data-bs-dismiss="modal"></i></span>
                   </div>
                   <div class="col-8">
                     <h4 class="text-center fw-bolder">Adaptive Soundscape</h4>