diff --git a/packages/nc-gui/components/smartsheet/Gallery.vue b/packages/nc-gui/components/smartsheet/Gallery.vue
index 920da3a058..f946d8f779 100644
--- a/packages/nc-gui/components/smartsheet/Gallery.vue
+++ b/packages/nc-gui/components/smartsheet/Gallery.vue
@@ -206,7 +206,7 @@ openNewRecordFormHook?.on(async () => {
   bottom: 0px;
 }
 
-.ant-carousel.gallery-carousel :deep(.slick-dots li div) {
+.ant-carousel.gallery-carousel :deep(.slick-dots li div > div) {
   background: #000;
   border: 0;
   border-radius: 1px;
@@ -222,7 +222,7 @@ openNewRecordFormHook?.on(async () => {
   width: 100%;
 }
 
-.ant-carousel.gallery-carousel :deep(.slick-dots li.slick-active div) {
+.ant-carousel.gallery-carousel :deep(.slick-dots li.slick-active div > div) {
   opacity: 1;
 }