From 9c9f081970f2452889630a8632c8321d9e1b49ba Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandy@ionic.io>
Date: Thu, 12 Jul 2018 17:24:33 -0400
Subject: [PATCH] fix(button): add box-sizing so anchor buttons won't exceed
 max-width

fixes #14760
---
 core/src/components/button/button.scss            | 1 +
 core/src/components/button/test/expand/index.html | 9 +++++++++
 2 files changed, 10 insertions(+)

diff --git a/core/src/components/button/button.scss b/core/src/components/button/button.scss
index 2089444995..ea85c3a6ef 100644
--- a/core/src/components/button/button.scss
+++ b/core/src/components/button/button.scss
@@ -106,6 +106,7 @@
   z-index: 0;
   display: inline-block;
   overflow: hidden;
+  box-sizing: border-box;
 
   height: var(--height);
 
diff --git a/core/src/components/button/test/expand/index.html b/core/src/components/button/test/expand/index.html
index fa14e140ae..90e2ce767d 100644
--- a/core/src/components/button/test/expand/index.html
+++ b/core/src/components/button/test/expand/index.html
@@ -23,6 +23,14 @@
         <ion-button expand="block">Block</ion-button>
         <ion-button expand="full">Full</ion-button>
       </p>
+      <p>
+        <ion-button expand="block">Button Block</ion-button>
+        <ion-button expand="block" href="#">Anchor Block</ion-button>
+      </p>
+      <p>
+        <ion-button expand="full">Button Full</ion-button>
+        <ion-button expand="full" href="#">Anchor Full</ion-button>
+      </p>
       <p>
         <ion-button expand="block" color="dark" fill="outline">Block + Outline</ion-button>
         <ion-button expand="full" color="dark" fill="outline">Full + Outline</ion-button>
@@ -43,6 +51,7 @@
         <ion-button expand="block" shape="round">Block + Round</ion-button>
         <ion-button expand="full" shape="round">Full + Round</ion-button>
       </p>
+
     </ion-content>
 
   </ion-app>