diff --git a/src/components/popover/tab/mouse-tab.component.scss b/src/components/popover/tab/mouse-tab.component.scss
index 91e2e139..d60b5585 100644
--- a/src/components/popover/tab/mouse-tab.component.scss
+++ b/src/components/popover/tab/mouse-tab.component.scss
@@ -2,7 +2,6 @@
     display: flex;
 
     .mouse-action {
-        flex: 1;
         ul{
             border-right: 1px solid #ccc;
             li {
@@ -30,9 +29,8 @@
     }
 
     .details {
-        flex: 2;
         .btn-placeholder {
             visibility: hidden;
         }
     }
-}
\ No newline at end of file
+}
diff --git a/src/components/popover/tab/mouse-tab.component.ts b/src/components/popover/tab/mouse-tab.component.ts
index 68aee46b..1925e8fb 100644
--- a/src/components/popover/tab/mouse-tab.component.ts
+++ b/src/components/popover/tab/mouse-tab.component.ts
@@ -9,7 +9,7 @@ import {MouseAction, MouseActionParam} from '../../../../config-serializer/confi
     selector: 'mouse-tab',
     template:
     `
-        <div class="mouse-action">
+        <div class="mouse-action col-sm-4">
             <ul class="nav nav-pills nav-stacked">
                 <li (click)="changePage(0)" [ngClass]="{active: selectedIndex===0}"><a>     Move    </a></li>
                 <li (click)="changePage(1)" [ngClass]="{active: selectedIndex===1}"><a>     Scroll  </a></li>
@@ -17,7 +17,7 @@ import {MouseAction, MouseActionParam} from '../../../../config-serializer/confi
                 <li (click)="changePage(3)" [ngClass]="{active: selectedIndex===3}"><a>     Speed   </a></li>
             </ul>
         </div>
-        <div class="details" [ngSwitch]="selectedIndex">
+        <div class="details col-sm-8" [ngSwitch]="selectedIndex">
             <div *ngSwitchWhen="0" class="mouse__config mouse__config--move text-center">
                 <div class="row">
                     <button type="button" class="btn btn-default btn-lg"