diff --git a/projects/ng-slider/src/lib/slides/slides.component.html b/projects/ng-slider/src/lib/slides/slides.component.html
index e04c921..44f1ab1 100644
--- a/projects/ng-slider/src/lib/slides/slides.component.html
+++ b/projects/ng-slider/src/lib/slides/slides.component.html
@@ -1,5 +1,5 @@
 <div class="jp-s-w" #wrapper>
-  <div class="jp-s-w-i" [style.width.%]="contentWidth" [style.transform]="transform" #wrapperInner [class.active]="!inPan">
+  <div class="jp-s-w-i" [style.width.%]="contentWidth" [style.transform]="transform" #wrapperInner [class.active]="!inPan && !blockSlideAnimation">
     <div *ngFor="let slide of slides" [style.width.%]="blockWidth">
       <ng-template [ngTemplateOutlet]="slide.content"></ng-template>
     </div>
diff --git a/projects/ng-slider/src/lib/slides/slides.component.ts b/projects/ng-slider/src/lib/slides/slides.component.ts
index 985a178..591ea14 100644
--- a/projects/ng-slider/src/lib/slides/slides.component.ts
+++ b/projects/ng-slider/src/lib/slides/slides.component.ts
@@ -250,8 +250,13 @@ export class SlidesComponent implements OnInit, AfterViewInit, OnDestroy {
     const slides = this.slides.toArray();
 
     if (initialSlide) {
+      this.blockSlideAnimation = true;
       this.left = -this.slideWidthPercentage * initialSlide;
       this.cdr.detectChanges();
+      setTimeout(() => {
+        this.blockSlideAnimation = false;
+        // todo: follow up dynamic value when it's implemented #4
+      }, 500);
     } else {
       this.left = 0;
     }