diff --git a/js/src/components/Local/CloseContent.vue b/js/src/components/Local/CloseContent.vue
index 01f303a4b..35a1e29cf 100644
--- a/js/src/components/Local/CloseContent.vue
+++ b/js/src/components/Local/CloseContent.vue
@@ -19,7 +19,7 @@
       </div>
       <slot name="subtitle" />
     </div>
-    <div class="hidden sm:block" v-show="showScrollLeftButton">
+    <!-- <div class="hidden sm:block" v-show="showScrollLeftButton">
       <button
         @click="scrollLeft"
         class="absolute inset-y-0 my-auto z-10 rounded-full bg-white dark:bg-transparent w-10 h-10 border border-shadowColor -left-5 ml-2"
@@ -34,14 +34,14 @@
         <slot name="content" />
       </div>
     </div>
-    <div class="hidden sm:block" v-show="showScrollRightButton">
+    <!-- <div class="hidden sm:block" v-show="showScrollRightButton">
       <button
         @click="scrollRight"
         class="absolute inset-y-0 my-auto z-10 rounded-full bg-white dark:bg-transparent w-10 h-10 border border-shadowColor -right-5"
       >
         <span class="">&gt;</span>
       </button>
-    </div>
+    </div> -->
   </div>
 </template>
 
@@ -61,8 +61,8 @@ const emit = defineEmits(["doGeoLoc"]);
 
 const { t } = useI18n({ useScope: "global" });
 
-const showScrollRightButton = ref(true);
-const showScrollLeftButton = ref(false);
+// const showScrollRightButton = ref(true);
+// const showScrollLeftButton = ref(false);
 
 // const scrollContainer = ref<any>();
 
@@ -97,9 +97,9 @@ const showScrollLeftButton = ref(false);
 //   evt.deltaY > 0 ? doScroll(evt, 300) : doScroll(evt, -300);
 // };
 
-onMounted(async () => {
-  scrollContainer.value.addEventListener("wheel", scrollHorizontalToVertical);
-});
+// onMounted(async () => {
+//   scrollContainer.value.addEventListener("wheel", scrollHorizontalToVertical);
+// });
 
 // onUnmounted(() => {
 //   if (scrollContainer.value) {