diff --git a/packages/palette/src/elements/Text/Text.story.tsx b/packages/palette/src/elements/Text/Text.story.tsx
index ed645cf25..f9a2fae7c 100644
--- a/packages/palette/src/elements/Text/Text.story.tsx
+++ b/packages/palette/src/elements/Text/Text.story.tsx
@@ -146,7 +146,11 @@ storiesOf("Components/Text", module)
         lineHeight: "solid",
         letterSpacing: "tightest",
       },
-    ]
+      {
+        variant: 'text',
+        lineHeight: 'solid'
+      }
+    ] as const
 
     return (
       <Table>
diff --git a/packages/palette/src/elements/Text/Text.tsx b/packages/palette/src/elements/Text/Text.tsx
index 219ab0981..c51e2a825 100644
--- a/packages/palette/src/elements/Text/Text.tsx
+++ b/packages/palette/src/elements/Text/Text.tsx
@@ -14,12 +14,13 @@ export const overflowEllipsisMixin = css`
 /** Text */
 export const Text = styled.div<TextProps & { overflowEllipsis?: boolean }>`
   ${variant({ variants: TEXT_VARIANTS.small })}
+  ${textMixin}
 
   @media (min-width: ${themeGet("breakpoints.0")}) {
     ${variant({ variants: TEXT_VARIANTS.large })}
+    ${textMixin}
   }
 
-  ${textMixin}
   ${({ overflowEllipsis }) => overflowEllipsis && overflowEllipsisMixin}
 `