diff --git a/ionic/components/segment/extensions/ios.scss b/ionic/components/segment/extensions/ios.scss
index cfefbd8c8b..2d113d64c0 100644
--- a/ionic/components/segment/extensions/ios.scss
+++ b/ionic/components/segment/extensions/ios.scss
@@ -5,8 +5,16 @@
     > .button {
       border-width: 2px;
 
+      color: get-color(primary, base);
+
+      min-height: 3.7rem;
+
+      &.active {
+        color: #fff;
+      }
+
       border-style: solid;
-      border-color: red;
+      border-color: get-color(primary, base);
 
       &:first-child {
         border-right-width: 0px;
diff --git a/ionic/components/segment/segment.scss b/ionic/components/segment/segment.scss
index 454b969803..71fa929d9e 100644
--- a/ionic/components/segment/segment.scss
+++ b/ionic/components/segment/segment.scss
@@ -23,7 +23,8 @@ ion-segment {
     background: none;
 
     &.active {
-      background: red;
+      background-color: get-color(primary, base);
+      color: white;
     }
 
     &:first-child {