diff --git a/src/components/tabs/tabs.scss b/src/components/tabs/tabs.scss
index f0cc35a808..9227b6699b 100644
--- a/src/components/tabs/tabs.scss
+++ b/src/components/tabs/tabs.scss
@@ -4,7 +4,7 @@
 
 
 .tabs {
-  background: red;
+
 }
 
 .toolbar.tab-bar {
diff --git a/src/components/toolbar/extensions/ios.scss b/src/components/toolbar/extensions/ios.scss
index 172a36d96c..d11708c586 100644
--- a/src/components/toolbar/extensions/ios.scss
+++ b/src/components/toolbar/extensions/ios.scss
@@ -16,25 +16,6 @@ $toolbar-ios-button-background-color:       transparent !default;
   height: $toolbar-ios-height;
   background: $toolbar-ios-background;
 
-  &:after {
-    position: absolute;
-    top: auto;
-    right: auto;
-    bottom: 0;
-    left: 0;
-    z-index: $z-index-toolbar-border;
-    display: block;
-
-    width: 100%;
-    height: 1px;
-
-    background-color: $toolbar-ios-border-color;
-
-    @include transform-origin(50%, 100%);
-
-    content: '';
-  }
-
   .toolbar-primary-item {
     @include flex-order(2);
   }
@@ -64,4 +45,30 @@ $toolbar-ios-button-background-color:       transparent !default;
     background: $toolbar-ios-button-background-color;
   }
 
+  // tab-bar bottom, border top (default)
+  &:after {
+    position: absolute;
+    top: 0;
+    right: auto;
+    bottom: auto;
+    left: 0;
+    z-index: $z-index-toolbar-border;
+    display: block;
+
+    width: 100%;
+    height: 1px;
+
+    background-color: $toolbar-ios-border-color;
+
+    @include transform-origin(50%, 100%);
+
+    content: '';
+  }
+
+  // tab-bar bottom, border top
+  &.toolbar-top:after {
+    top: auto;
+    bottom: 0;
+  }
+
 }