diff --git a/metron-interface/metron-config/src/app/shared/number-spinner/number-spinner.component.html b/metron-interface/metron-config/src/app/shared/number-spinner/number-spinner.component.html
index 60e453b3e6..b63908f2c6 100644
--- a/metron-interface/metron-config/src/app/shared/number-spinner/number-spinner.component.html
+++ b/metron-interface/metron-config/src/app/shared/number-spinner/number-spinner.component.html
@@ -17,6 +17,6 @@
   <input type="text" class="form-control" [(ngModel)]="value">
   <div class="input-group-btn-vertical">
     <button class="btn btn-default" type="button" (click)="value=value+1" [disabled]="value >= max"><i class="fa fa-caret-up"></i></button>
-    <button class="btn btn-default ml-1" type="button" (click)="value=value-1" [disabled]="value <= min"><i class="fa fa-caret-down"></i></button>
+    <button class="btn btn-default" type="button" (click)="value=value-1" [disabled]="value <= min"><i class="fa fa-caret-down"></i></button>
   </div>
 </div>
diff --git a/metron-interface/metron-config/src/app/shared/number-spinner/number-spinner.component.scss b/metron-interface/metron-config/src/app/shared/number-spinner/number-spinner.component.scss
index b4352c4c64..cf8214ff1d 100644
--- a/metron-interface/metron-config/src/app/shared/number-spinner/number-spinner.component.scss
+++ b/metron-interface/metron-config/src/app/shared/number-spinner/number-spinner.component.scss
@@ -34,6 +34,13 @@
   margin-left: -1px;
   position: relative;
   border-radius: 0;
+  border-left: solid 1px #4d4d4d;
+}
+
+.input-group-btn-vertical > .btn,
+.input-group-btn-vertical > .btn:focus,
+.input-group-btn-vertical > .btn:active {
+  box-shadow: none;
 }
 
 .input-group-btn-vertical > .btn:first-child
@@ -43,8 +50,8 @@
 
 .input-group-btn-vertical > .btn:last-child
 {
-  margin-top: -1px;
   border-bottom-right-radius: 0.25em;
+  border-top: none;
 }
 
 .input-group-btn-vertical i