From aa61e818a5ddea69af187eaa804de4a104db916c Mon Sep 17 00:00:00 2001
From: Manu MA <manu.valladolid@gmail.com>
Date: Thu, 29 Nov 2018 18:32:18 +0100
Subject: [PATCH] fix(segment): height fits content (#16511)

* fix(segment): height fits content

* fix segment
---
 .../segment-button/segment-button.scss           |  4 ++--
 core/src/components/segment/segment.scss         |  1 -
 core/src/components/segment/test/bug/index.html  | 16 ++++++++++++++++
 3 files changed, 18 insertions(+), 3 deletions(-)
 create mode 100644 core/src/components/segment/test/bug/index.html

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>