diff --git a/core/src/components/segment-button/segment-button.scss b/core/src/components/segment-button/segment-button.scss
index 04fa602518..67d52e85b2 100644
--- a/core/src/components/segment-button/segment-button.scss
+++ b/core/src/components/segment-button/segment-button.scss
@@ -46,7 +46,7 @@
   flex: 1 0 auto;
   flex-direction: column;
 
-  height: 100%;
+  height: auto;
 
   border-width: var(--border-width);
   border-style: var(--border-style);
@@ -92,7 +92,7 @@
 
   min-width: inherit;
   max-width: inherit;
-  height: 100%;
+  height: auto;
 
   min-height: inherit;
   max-height: inherit;
diff --git a/core/src/components/segment/segment.scss b/core/src/components/segment/segment.scss
index 1e89d0a365..4ec82acf3b 100644
--- a/core/src/components/segment/segment.scss
+++ b/core/src/components/segment/segment.scss
@@ -8,7 +8,6 @@
 
   display: flex;
 
-  flex: 1;
   align-items: center;
   justify-content: center;
 
diff --git a/core/src/components/segment/test/bug/index.html b/core/src/components/segment/test/bug/index.html
new file mode 100644
index 0000000000..aed8379cfb
--- /dev/null
+++ b/core/src/components/segment/test/bug/index.html
@@ -0,0 +1,16 @@
+<link href="../../../../../css/ionic.bundle.css" rel="stylesheet">
+<link href="../../../../../scripts/testing/styles.css" rel="stylesheet">
+<script src="../../../../../dist/ionic.js"></script>
+
+<ion-segment>
+  <ion-segment-button value="all" checked>
+    <ion-label>
+      All
+    </ion-label>
+  </ion-segment-button>
+  <ion-segment-button value="favorites">
+    <ion-label>
+      Favorites
+    </ion-label>
+  </ion-segment-button>
+</ion-segment>