diff --git a/sharedComponents/slider-utils/slider-container.component.ts b/sharedComponents/slider-utils/slider-container.component.ts
index 856eeb2f..4731405c 100644
--- a/sharedComponents/slider-utils/slider-container.component.ts
+++ b/sharedComponents/slider-utils/slider-container.component.ts
@@ -18,11 +18,11 @@ export class Stage {
 @Component({
   selector: 'slider-container',
   template: `
-      <div class="uk-grid uk-grid-large uk-flex uk-flex-middle uk-child-width-1-1" [ngClass]="'uk-child-width-1-' + sliders?.length + '@m'" uk-grid>
+      <div class="uk-grid uk-grid-large uk-flex uk-flex-middle uk-child-width-1-1" [ngClass]="'uk-child-width-1-' + sliders?.length + '@s'" uk-grid>
           <ng-content></ng-content>
       </div>
       <div *ngIf="navigation === 'progress' &&  stages.length > 0" class="uk-flex uk-flex-center uk-margin-large-top">
-          <div  class="uk-width-1-3@m uk-width-1-1 uk-grid uk-grid-small uk-flex-middle" [ngClass]="'uk-child-width-1-' + stages.length" uk-grid>
+          <div  class="uk-width-1-3@m uk-width-1-2@s uk-child-width-1-1 uk-grid uk-grid-small uk-flex-middle" [ngClass]="'uk-child-width-1-' + stages.length" uk-grid>
               <div *ngFor="let stage  of stages; let i=index">
                   <progress (click)="start(i)"  class="uk-progress" [value]="stage.value" [max]="stage.max"></progress>
               </div>