diff --git a/src/app/layouts/carousel/carousel-animations-sample/carousel-animations-sample.component.html b/src/app/layouts/carousel/carousel-animations-sample/carousel-animations-sample.component.html
index 9b3cc8ba4e..6482451788 100644
--- a/src/app/layouts/carousel/carousel-animations-sample/carousel-animations-sample.component.html
+++ b/src/app/layouts/carousel/carousel-animations-sample/carousel-animations-sample.component.html
@@ -10,30 +10,28 @@
         </span>
     </div>
     <div class="carousel-wrapper">
-        <igx-carousel #carousel>
+        <igx-carousel #carousel [indicators]="false">
             <igx-slide *ngFor="let slide of slides;">
                 <div class="slide-wrapper">
                     <igx-card elevated>
                         <igx-card-header>
                             <h4 igxCardHeaderTitle>{{slide.heading}}</h4>
                         </igx-card-header>
- 
+
                         <igx-card-content>
                             <p>{{slide.description}}</p>
                         </igx-card-content>
- 
+
                         <igx-card-media>
                             <img [src]="slide.image">
                         </igx-card-media>
- 
+
                         <igx-card-actions>
                             <a igxButton href="{{slide.link}}" target="_blank" rel="noopener" style="text-decoration: none;" igxStart>visit page</a>
                         </igx-card-actions>
                     </igx-card>
                 </div>
             </igx-slide>
-            <ng-template igxCarouselIndicator></ng-template>
         </igx-carousel>
     </div>
 </div>
- 
\ No newline at end of file
diff --git a/src/app/layouts/carousel/carousel-no-navigation-sample/carousel-no-navigation-sample.component.html b/src/app/layouts/carousel/carousel-no-navigation-sample/carousel-no-navigation-sample.component.html
index 897b42cd2a..7d4a24251f 100644
--- a/src/app/layouts/carousel/carousel-no-navigation-sample/carousel-no-navigation-sample.component.html
+++ b/src/app/layouts/carousel/carousel-no-navigation-sample/carousel-no-navigation-sample.component.html
@@ -1,6 +1,6 @@
 <div class="carousel-animation-wrapper">
     <div class="carousel-wrapper">
-        <igx-carousel [navigation]="false" [pause]="false" animationType="fade" [interval]="2000">
+        <igx-carousel [navigation]="false" [indicators]="false" [pause]="false" animationType="fade" [interval]="2000" [gesturesSupport]="false">
                 <igx-slide #slide *ngFor="let item of slides">
                     <div style="height: 100%" [ngStyle]="slideStyle(item.image)">
                         <section class="promo-price" [ngClass]="{'animated': slide.active}">
@@ -9,7 +9,6 @@
                         </section>
                 </div>
                 </igx-slide>
-            <ng-template igxCarouselIndicator></ng-template>
         </igx-carousel>
     </div>
     <div class="list-wrapper">