diff --git a/packages/doc/src/components/Dropdown/Dropdown.jsx b/packages/doc/src/components/Dropdown/Dropdown.jsx index 7d8c6839e5..da737fecd9 100644 --- a/packages/doc/src/components/Dropdown/Dropdown.jsx +++ b/packages/doc/src/components/Dropdown/Dropdown.jsx @@ -25,7 +25,7 @@ const Selector = styled.div` const Input = styled.input` background-color: transparent; border: none; - font-family: 'neue-haas-grotesk-display'; + font-family: 'inter'; font-size: 14px; padding: 8px 16px 8px; text-align: center; diff --git a/packages/doc/src/components/GlobalStyle/GlobalStyle.jsx b/packages/doc/src/components/GlobalStyle/GlobalStyle.jsx index 28ba77b7c6..7f26153635 100644 --- a/packages/doc/src/components/GlobalStyle/GlobalStyle.jsx +++ b/packages/doc/src/components/GlobalStyle/GlobalStyle.jsx @@ -13,7 +13,7 @@ const GlobalStyle = createGlobalStyle( padding: 0; color: #666; - font-family: 'neue-haas-grotesk-display'; + font-family: 'inter'; letter-spacing: 0.5px; overflow: ${overflow ? 'hidden' : 'auto'}; diff --git a/packages/doc/src/components/PropsTable/PropsTable.jsx b/packages/doc/src/components/PropsTable/PropsTable.jsx index 9cf987649b..721204121d 100644 --- a/packages/doc/src/components/PropsTable/PropsTable.jsx +++ b/packages/doc/src/components/PropsTable/PropsTable.jsx @@ -36,7 +36,7 @@ const StyledTable = styled.table` thead { background-color: ${hexToRgb(elements.lineAndBorders, 0.5)}; - font-family: 'neue-haas-grotesk-display'; + font-family: 'inter'; th { diff --git a/packages/doc/src/components/Tokens/Tokens.jsx b/packages/doc/src/components/Tokens/Tokens.jsx index 5ef22c3aae..e318b25e42 100644 --- a/packages/doc/src/components/Tokens/Tokens.jsx +++ b/packages/doc/src/components/Tokens/Tokens.jsx @@ -26,7 +26,7 @@ const StyledTable = styled.table` font-family: monospace; thead { - font-family: 'neue-haas-grotesk-display'; + font-family: 'inter'; th { padding: 14px 12px 12px;