diff --git a/layers/components/blocks/slide/Thumbnail.vue b/layers/components/blocks/slide/Thumbnail.vue
index c423d5a..61bb934 100644
--- a/layers/components/blocks/slide/Thumbnail.vue
+++ b/layers/components/blocks/slide/Thumbnail.vue
@@ -185,7 +185,7 @@ onBeforeUnmount(() => {
   @apply md:w-[calc(100%-16px)];
 }
 .thumbnail-slide {
-  @apply overflow-hidden relative mr-[12px] !border-none rounded-[4px] bg-[var(--pagination-disabled)] md:mr-[16px] transition-opacity duration-200 ease-in-out
+  @apply overflow-hidden relative mr-[12px] !border-none rounded-[4px] bg-[var(--pagination-disabled)] md:mr-[16px] transition-all duration-200 ease-in-out
   after:content-[''] after:absolute after:top-0 after:left-0 after:w-full after:h-full after:border after:rounded-[4px] after:transition-all after:duration-200 after:ease-in-out;
 }
 .thumbnail-slide:hover,
@@ -216,7 +216,7 @@ onBeforeUnmount(() => {
   @apply right-0;
 }
 .thumbnail-carousel.thumbnail-default .thumbnail-slide {
-  @apply aspect-[1/1] w-[8px] md:w-[80px]
+  @apply aspect-[1/1] w-[8px] md:w-[80px] backdrop-blur-[30px]
   after:hidden md:after:block;
 }
 .thumbnail-carousel.thumbnail-default .thumbnail-slide:hover img,