Fix table-item margin typo

resources/css/views/index.scss

@@ -70,7 +70,7 @@ $social-button_inner_margin: 10px;
       }
 
       @include mixins.mx_index_brands_fix2 {
-        margin-right: math.div(variables.$px_horizontalPadding2, 10);
+        margin-right: math.div(variables.$px_horizontalPadding3, 10);
         width: $table-item_img_width_s;
       }
 
@@ -80,15 +80,6 @@ $social-button_inner_margin: 10px;
       }
     }
 
-    &:first-of-type {
-      margin-top: 0;
-    }
-
-    @include mixins.mx_mobile {
-      flex-direction: column;
-    }
-  }
-
     .vertical-separator {
       // vertical-separator makes an empty div behave as a separator which aligned vertically
       height: $table-item_img_width + 20px;
@@ -120,6 +111,15 @@ $social-button_inner_margin: 10px;
       }
     }
 
+    &:first-of-type {
+      margin-top: 0;
+    }
+
+    @include mixins.mx_mobile {
+      flex-direction: column;
+    }
+  }
+
   .reverse {
     // reverse is a property given to .table-item elements
     // it contains styling for img and .vertical-separator elements contained under