diff --git a/ionic/components/badge/badge.scss b/ionic/components/badge/badge.scss
index 0af4a0c567..091160ec4d 100644
--- a/ionic/components/badge/badge.scss
+++ b/ionic/components/badge/badge.scss
@@ -35,7 +35,7 @@ ion-badge {
 
 @each $color-name, $color-value in $colors {
 
-  .badge-#{$color-name} {
+  ion-badge[#{$color-name}] {
     background-color: $color-value;
     color: inverse($color-value);
   }
diff --git a/ionic/components/segment/test/basic/main.html b/ionic/components/segment/test/basic/main.html
index 6a84043f38..486746e657 100644
--- a/ionic/components/segment/test/basic/main.html
+++ b/ionic/components/segment/test/basic/main.html
@@ -105,7 +105,7 @@
       Toolbar
     </ion-segment-button>
     <ion-segment-button value="top" class="e2eSegmentTopGrossing">
-      Primary Segment
+      Danger Segment
     </ion-segment-button>
   </ion-segment>
 </ion-toolbar>