diff --git a/packages/web-components/fast-components-msft/src/styles/patterns/button.ts b/packages/web-components/fast-components-msft/src/styles/patterns/button.ts
index 5f6d801882b..1c9611159cf 100644
--- a/packages/web-components/fast-components-msft/src/styles/patterns/button.ts
+++ b/packages/web-components/fast-components-msft/src/styles/patterns/button.ts
@@ -143,11 +143,13 @@ export const AccentButtonStyles = css`
 export const HypertextStyles = css`
     :host(.hypertext) {
         height: auto;
+        font-size: inherit;
+        line-height: inherit;
         background: transparent;
-        vertical-align: bottom;
     }
 
     :host(.hypertext) .control {
+        display: inline;
         padding: 0;
         border: none;
         box-shadow: none;
diff --git a/packages/web-components/fast-components/src/styles/patterns/button.ts b/packages/web-components/fast-components/src/styles/patterns/button.ts
index 3ff71bc12cd..0c2094d0dcf 100644
--- a/packages/web-components/fast-components/src/styles/patterns/button.ts
+++ b/packages/web-components/fast-components/src/styles/patterns/button.ts
@@ -142,12 +142,14 @@ export const AccentButtonStyles = css`
  */
 export const HypertextStyles = css`
     :host(.hypertext) {
+        font-size: inherit;
+        line-height: inherit;
         height: auto;
         background: transparent;
-        vertical-align: bottom;
     }
 
     :host(.hypertext) .control {
+        display: inline;
         padding: 0;
         border: none;
         box-shadow: none;