diff --git a/partials/GridEditor.vue b/partials/GridEditor.vue
index a7ced3f77c05aec2796ce6aa806af2c6eae331c3..f54e84c2874770f8e3bfd47b14e86ee6fd84f003 100644
--- a/partials/GridEditor.vue
+++ b/partials/GridEditor.vue
@@ -165,8 +165,9 @@
     style="border-radius: .5rem;",
     position="bottom-right")
 
-      div(v-if="carousel.visibility")
-        q-carousel.q-py-sm(v-model="slide", infinite, @input="getCarouselIcon(index)")
+      // div(v-if="carousel.visibility")
+      div(:class="{'hidden': !carousel.visibility}")
+        q-carousel.q-py-sm(ref="carousel", v-model="slide", infinite, @input="getCarouselIcon(index)")
 
           //
             q-carousel-slide.q-pa-sm
@@ -413,7 +414,6 @@
     watch: {
       slide (val) {
         let icon
-        this.carousel.slide = val
         switch (val) {
         case 0:
           icon = 'open_with'
@@ -428,7 +428,9 @@
           icon = 'open_with'
           break
         }
-        this.carousel.icon = icon
+        // this.carousel.slide = val
+        // this.carousel.icon = icon
+        this.carousel = {slide: val, icon: icon, visibility: this.carousel.visibility}
       },
       annotations () {
         this.updateAnnotationUIStates()
@@ -462,6 +464,10 @@
         console.log(val)
       },
       carouselVisibility () {
+        console.log(this.carousel.slide)
+        if (this.$refs.carousel) {
+          this.$refs.carousel.goToSlide(this.carousel.slide)
+        }
         this.carousel.visibility = !this.carousel.visibility
       },
       handleModal () {