diff --git a/src/components/Button/index.js b/src/components/Button/index.js index d2665209..c0704b56 100644 --- a/src/components/Button/index.js +++ b/src/components/Button/index.js @@ -22,7 +22,7 @@ type Props = { const Wrapper = styled.button` padding: ${props => (props.icon ? '4px 24px 4px 15px' : '11px 24px')}; border-radius: 3px; - font-size: ${FONT_SIZE.SMALL}; + font-size: ${FONT_SIZE.BASE}; font-weight: ${FONT_WEIGHT.LIGHT}; cursor: pointer; background: ${colors.GREEN_PRIMARY}; diff --git a/src/components/Checkbox/index.js b/src/components/Checkbox/index.js index d4bd4b0f..99059916 100644 --- a/src/components/Checkbox/index.js +++ b/src/components/Checkbox/index.js @@ -54,7 +54,7 @@ const Label = styled.div` padding-left: 10px; justify-content: center; ${colors.TEXT_SECONDARY}; - font-size: ${FONT_SIZE.SMALL}; + font-size: ${FONT_SIZE.BASE}; &:hover, &:focus { diff --git a/src/components/DeviceHeader/index.js b/src/components/DeviceHeader/index.js index 57a27a5a..81250486 100644 --- a/src/components/DeviceHeader/index.js +++ b/src/components/DeviceHeader/index.js @@ -66,7 +66,7 @@ const Status = styled.div` text-overflow: ellipsis; overflow: hidden; white-space: nowrap; - font-size: ${FONT_SIZE.SMALLER}; + font-size: ${FONT_SIZE.SMALL}; color: ${colors.TEXT_SECONDARY}; `; diff --git a/src/components/Footer/index.js b/src/components/Footer/index.js index 70a29bf9..a629b410 100644 --- a/src/components/Footer/index.js +++ b/src/components/Footer/index.js @@ -22,7 +22,7 @@ type Props = { const Wrapper = styled.div` width: 100%; - font-size: ${FONT_SIZE.SMALLER}; + font-size: ${FONT_SIZE.SMALL}; background: ${colors.LANDING}; color: ${colors.TEXT_SECONDARY}; padding: 22px 48px; diff --git a/src/components/Heading/index.js b/src/components/Heading/index.js index 1746520b..84e43280 100644 --- a/src/components/Heading/index.js +++ b/src/components/Heading/index.js @@ -24,7 +24,7 @@ const H2 = styled.h2` ${props => props.claim && css` - font-size: ${FONT_SIZE.BIGGEST}; + font-size: ${FONT_SIZE.HUGE}; padding-bottom: 24px; `}; `; diff --git a/src/components/Link/index.js b/src/components/Link/index.js index c36697ed..f6a62b84 100644 --- a/src/components/Link/index.js +++ b/src/components/Link/index.js @@ -9,7 +9,7 @@ const A = styled.a` text-decoration: none; cursor: pointer; transition: ${TRANSITION.HOVER}; - font-size: ${FONT_SIZE.SMALLER}; + font-size: ${FONT_SIZE.SMALL}; ${props => props.isGreen && css` border-bottom: 1px solid ${colors.GREEN_PRIMARY}; diff --git a/src/components/Loader/index.js b/src/components/Loader/index.js index d4f8f4c4..0767765b 100644 --- a/src/components/Loader/index.js +++ b/src/components/Loader/index.js @@ -37,7 +37,7 @@ const CircleWrapper = styled.circle` `; const StyledParagraph = styled(Paragraph)` - font-size: ${props => (props.isSmallText ? FONT_SIZE.SMALLER : FONT_SIZE.BASE)}; + font-size: ${props => (props.isSmallText ? FONT_SIZE.SMALL : FONT_SIZE.BIG)}; color: ${props => (props.isWhiteText ? colors.WHITE : colors.TEXT_PRIMARY)}; `; diff --git a/src/components/Notification/components/NotificationButton/index.js b/src/components/Notification/components/NotificationButton/index.js index 9f40b7ad..aaa1d707 100644 --- a/src/components/Notification/components/NotificationButton/index.js +++ b/src/components/Notification/components/NotificationButton/index.js @@ -38,7 +38,7 @@ const Wrapper = styled.button` padding: 12px 58px; border-radius: 3px; background: transparent; - font-size: ${FONT_SIZE.SMALL}; + font-size: ${FONT_SIZE.BASE}; position: relative; font-weight: ${FONT_WEIGHT.LIGHT}; cursor: pointer; diff --git a/src/components/Notification/index.js b/src/components/Notification/index.js index 1066a3a6..144fb85a 100644 --- a/src/components/Notification/index.js +++ b/src/components/Notification/index.js @@ -42,7 +42,7 @@ const Body = styled.div` const Message = styled.div` padding-bottom: 13px; - font-size: ${FONT_SIZE.SMALLER}; + font-size: ${FONT_SIZE.SMALL}; `; const Title = styled.div` diff --git a/src/components/Paragraph/index.js b/src/components/Paragraph/index.js index 9c9a8374..6cbf366a 100644 --- a/src/components/Paragraph/index.js +++ b/src/components/Paragraph/index.js @@ -5,14 +5,14 @@ import colors from 'config/colors'; import { FONT_SIZE, LINE_HEIGHT } from 'config/variables'; const Wrapper = styled.p` - font-size: ${FONT_SIZE.BASE}; + font-size: ${FONT_SIZE.BIG}; line-height: ${LINE_HEIGHT.BASE}; color: ${colors.TEXT_SECONDARY}; padding: 0; margin: 0; ${props => props.isSmaller && css` - font-size: ${FONT_SIZE.SMALLER}; + font-size: ${FONT_SIZE.SMALL}; `} `; diff --git a/src/components/Textarea/index.js b/src/components/Textarea/index.js index 3d006619..d65dfec8 100644 --- a/src/components/Textarea/index.js +++ b/src/components/Textarea/index.js @@ -28,7 +28,7 @@ const StyledTextarea = styled(Textarea)` color: ${colors.TEXT_PRIMARY}; background: ${colors.WHITE}; font-weight: ${FONT_WEIGHT.MEDIUM}; - font-size: ${FONT_SIZE.SMALL}; + font-size: ${FONT_SIZE.BASE}; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ @@ -104,7 +104,7 @@ const TopLabel = styled.span` `; const BottomText = styled.span` - font-size: ${FONT_SIZE.SMALLER}; + font-size: ${FONT_SIZE.SMALL}; color: ${props => (props.color ? props.color : colors.TEXT_SECONDARY)}; `; diff --git a/src/components/inputs/Input/index.js b/src/components/inputs/Input/index.js index 6e49c691..054e87a8 100644 --- a/src/components/inputs/Input/index.js +++ b/src/components/inputs/Input/index.js @@ -39,7 +39,7 @@ const StyledInput = styled.input` padding: 5px ${props => (props.hasIcon ? '40px' : '12px')} 6px 12px; line-height: 1.42857143; - font-size: ${props => (props.isSmallText ? `${FONT_SIZE.SMALLER}` : `${FONT_SIZE.SMALL}`)}; + font-size: ${props => (props.isSmallText ? `${FONT_SIZE.SMALL}` : `${FONT_SIZE.BASE}`)}; font-weight: ${FONT_WEIGHT.MEDIUM}; color: ${props => (props.color ? props.color : colors.TEXT)}; @@ -86,7 +86,7 @@ const StyledIcon = styled(Icon)` const BottomText = styled.span` margin-top: 10px; - font-size: ${FONT_SIZE.SMALLER}; + font-size: ${FONT_SIZE.SMALL}; color: ${props => (props.color ? props.color : colors.TEXT_SECONDARY)}; `; diff --git a/src/components/modals/confirm/Address/index.js b/src/components/modals/confirm/Address/index.js index f47c18e9..d3b0f1cf 100644 --- a/src/components/modals/confirm/Address/index.js +++ b/src/components/modals/confirm/Address/index.js @@ -27,7 +27,7 @@ const Content = styled.div` `; const Label = styled.div` - font-size: ${FONT_SIZE.SMALLER}; + font-size: ${FONT_SIZE.SMALL}; color: ${colors.TEXT_SECONDARY}; `; diff --git a/src/components/modals/confirm/SignTx/index.js b/src/components/modals/confirm/SignTx/index.js index 354c046e..245b14b7 100644 --- a/src/components/modals/confirm/SignTx/index.js +++ b/src/components/modals/confirm/SignTx/index.js @@ -42,7 +42,7 @@ const StyledP = styled(P)` const Label = styled.div` padding-top: 5px; - font-size: ${FONT_SIZE.SMALLER}; + font-size: ${FONT_SIZE.SMALL}; color: ${colors.TEXT_SECONDARY}; `; diff --git a/src/components/modals/device/Duplicate/index.js b/src/components/modals/device/Duplicate/index.js index 03e5e007..78d3d5f8 100644 --- a/src/components/modals/device/Duplicate/index.js +++ b/src/components/modals/device/Duplicate/index.js @@ -61,14 +61,14 @@ const StyledButton = styled(Button)` const Label = styled.div` display: flex; text-align: left; - font-size: ${FONT_SIZE.SMALLER}; + font-size: ${FONT_SIZE.SMALL}; flex-direction: column; padding-bottom: 5px; `; const ErrorMessage = styled.div` color: ${colors.ERROR_PRIMARY}; - font-size: ${FONT_SIZE.SMALLER}; + font-size: ${FONT_SIZE.SMALL}; padding-top: 5px; text-align: center; width: 100%; diff --git a/src/components/modals/passphrase/Passphrase/index.js b/src/components/modals/passphrase/Passphrase/index.js index 50ad67b4..0ad3a3f4 100644 --- a/src/components/modals/passphrase/Passphrase/index.js +++ b/src/components/modals/passphrase/Passphrase/index.js @@ -37,7 +37,7 @@ const Wrapper = styled.div` const Label = styled.div` ${colors.TEXT_SECONDARY}; - font-size: ${FONT_SIZE.SMALL}; + font-size: ${FONT_SIZE.BASE}; padding-bottom: 5px; `; @@ -68,7 +68,7 @@ const LinkButton = styled(Button)` text-decoration: none; cursor: pointer; transition: ${TRANSITION.HOVER}; - font-size: ${FONT_SIZE.SMALLER}; + font-size: ${FONT_SIZE.SMALL}; border-radius: 0; border-bottom: 1px solid ${colors.GREEN_PRIMARY}; background: transparent; diff --git a/src/components/modals/pin/Pin/components/Input/index.js b/src/components/modals/pin/Pin/components/Input/index.js index 2c674ef1..fd35bd44 100644 --- a/src/components/modals/pin/Pin/components/Input/index.js +++ b/src/components/modals/pin/Pin/components/Input/index.js @@ -21,7 +21,7 @@ const StyledInput = styled.input` letter-spacing: 7px; width: 100%; font-weight: ${FONT_WEIGHT.SEMIBOLD}; - font-size: ${FONT_SIZE.BIGGER}; + font-size: ${FONT_SIZE.BIGGEST}; padding: 5px 31px 10px 20px; color: ${colors.TEXT_PRIMARY}; background: transparent; diff --git a/src/config/variables.js b/src/config/variables.js index 0022586b..e920877e 100644 --- a/src/config/variables.js +++ b/src/config/variables.js @@ -13,16 +13,16 @@ // H3: '14px', // H4: '12px', // COUNTER: '11px', + export const FONT_SIZE = { - SMALLEST: '0.7142rem', - SMALLER: '0.8571rem', - SMALL: '1rem', - BASE: '1.1428rem', + SMALL: '0.8571rem', + BASE: '1rem', + BIG: '1.1428rem', + BIGGER: '1.5rem', + BIGGEST: '2.2857rem', + HUGE: '2.5714rem', TOP_MENU: '1.2142rem', WALLET_TITLE: '1.2857rem', - BIG: '1.5rem', - BIGGER: '2.2857rem', - BIGGEST: '2.5714rem', H1: '1.2857rem', H2: '1.1428rem', H3: '1rem', diff --git a/src/support/styles/Tooltip.js b/src/support/styles/Tooltip.js index 5d5a4a88..d12cf936 100644 --- a/src/support/styles/Tooltip.js +++ b/src/support/styles/Tooltip.js @@ -19,7 +19,7 @@ const tooltipStyles = css` .rc-tooltip-inner { padding: 8px 10px; color: ${colors.WHITE}; - font-size: ${FONT_SIZE.SMALLER}; + font-size: ${FONT_SIZE.SMALL}; line-height: 1.5; text-align: left; text-decoration: none; diff --git a/src/views/Landing/components/BetaDisclaimer/index.js b/src/views/Landing/components/BetaDisclaimer/index.js index 0cd071a7..61c54570 100644 --- a/src/views/Landing/components/BetaDisclaimer/index.js +++ b/src/views/Landing/components/BetaDisclaimer/index.js @@ -41,7 +41,7 @@ const ModalWindow = styled.div` const StyledP = styled(P)` padding: 10px 0px; - font-size: ${FONT_SIZE.SMALL}; + font-size: ${FONT_SIZE.BASE}; `; const StyledButton = styled(Button)` diff --git a/src/views/Landing/components/ConnectDevice/index.js b/src/views/Landing/components/ConnectDevice/index.js index 78d3cdc6..450c9f3f 100644 --- a/src/views/Landing/components/ConnectDevice/index.js +++ b/src/views/Landing/components/ConnectDevice/index.js @@ -36,7 +36,7 @@ const ConnectTrezorWrapper = styled.div` top: 1px; animation: ${PULSATE} 1.3s ease-out infinite; color: ${colors.GREEN_PRIMARY}; - font-size: ${FONT_SIZE.BASE}; + font-size: ${FONT_SIZE.BIG}; font-weight: ${FONT_WEIGHT.MEDIUM}; `; @@ -58,7 +58,7 @@ const FooterText = styled.span` `; const StyledLink = styled(Link)` - font-size: ${FONT_SIZE.BASE}; + font-size: ${FONT_SIZE.BIG}; `; class ConnectDevice extends PureComponent { diff --git a/src/views/Landing/views/InstallBridge/index.js b/src/views/Landing/views/InstallBridge/index.js index e22b4838..d2f7f3c0 100644 --- a/src/views/Landing/views/InstallBridge/index.js +++ b/src/views/Landing/views/InstallBridge/index.js @@ -59,7 +59,7 @@ const Bottom = styled.div` const TitleHeader = styled(H1)` display: flex; - font-size: ${FONT_SIZE.BIGGEST}; + font-size: ${FONT_SIZE.HUGE}; justify-content: center; align-items: center; `; @@ -69,7 +69,7 @@ const Version = styled.span` padding: 6px 10px; border: 1px solid ${colors.GREEN_PRIMARY}; border-radius: 3px; - font-size: ${FONT_SIZE.SMALL}; + font-size: ${FONT_SIZE.BASE}; font-weight: ${FONT_WEIGHT.LIGHT}; margin-left: 24px; `; @@ -109,7 +109,7 @@ const GoBack = styled.span` const Ol = styled.ul` margin: 0 auto; color: ${colors.TEXT_SECONDARY}; - font-size: ${FONT_SIZE.BASE}; + font-size: ${FONT_SIZE.BIG}; padding: 10px 0 15px 25px; text-align: left; `; diff --git a/src/views/Wallet/components/Content/index.js b/src/views/Wallet/components/Content/index.js index 701f19eb..229802e9 100644 --- a/src/views/Wallet/components/Content/index.js +++ b/src/views/Wallet/components/Content/index.js @@ -21,13 +21,13 @@ const Loading = styled.div` `; const Text = styled.div` - font-size: ${FONT_SIZE.BIG}; + font-size: ${FONT_SIZE.BIGGER}; color: ${colors.TEXT_SECONDARY}; margin-left: 10px; `; const Message = styled.div` - font-size: ${FONT_SIZE.SMALL}; + font-size: ${FONT_SIZE.BASE}; color: ${colors.TEXT_PRIMARY}; `; diff --git a/src/views/Wallet/components/LeftNavigation/components/AccountMenu/index.js b/src/views/Wallet/components/LeftNavigation/components/AccountMenu/index.js index 256e6e49..3e500e3c 100644 --- a/src/views/Wallet/components/LeftNavigation/components/AccountMenu/index.js +++ b/src/views/Wallet/components/LeftNavigation/components/AccountMenu/index.js @@ -23,7 +23,7 @@ import RowCoin from '../RowCoin'; const Wrapper = styled.div``; const Text = styled.span` - font-size: ${FONT_SIZE.SMALLER}; + font-size: ${FONT_SIZE.SMALL}; color: ${colors.TEXT_SECONDARY}; `; @@ -33,7 +33,7 @@ const RowAccountWrapper = styled.div` flex-direction: column; align-items: flex-start; padding: ${LEFT_NAVIGATION_ROW.PADDING}; - font-size: ${FONT_SIZE.SMALL}; + font-size: ${FONT_SIZE.BASE}; color: ${colors.TEXT_PRIMARY}; border-left: ${BORDER_WIDTH.SELECTED} solid transparent; border-bottom: 1px solid ${colors.DIVIDER}; @@ -75,7 +75,7 @@ const DiscoveryStatusWrapper = styled.div` display: flex; flex-direction: column; width: 100%; - font-size: ${FONT_SIZE.SMALL}; + font-size: ${FONT_SIZE.BASE}; padding: ${LEFT_NAVIGATION_ROW.PADDING}; white-space: nowrap; border-top: 1px solid ${colors.DIVIDER}; @@ -83,7 +83,7 @@ const DiscoveryStatusWrapper = styled.div` const DiscoveryStatusText = styled.div` display: block; - font-size: ${FONT_SIZE.SMALLER}; + font-size: ${FONT_SIZE.SMALL}; color: ${colors.TEXT_SECONDARY}; overflow: hidden; text-overflow: ellipsis; @@ -93,7 +93,7 @@ const DiscoveryLoadingWrapper = styled.div` display: flex; align-items: center; padding: ${LEFT_NAVIGATION_ROW.PADDING}; - font-size: ${FONT_SIZE.SMALL}; + font-size: ${FONT_SIZE.BASE}; white-space: nowrap; color: ${colors.TEXT_SECONDARY}; `; diff --git a/src/views/Wallet/components/LeftNavigation/components/DeviceMenu/components/MenuItems/index.js b/src/views/Wallet/components/LeftNavigation/components/DeviceMenu/components/MenuItems/index.js index e00c682e..4ebce664 100644 --- a/src/views/Wallet/components/LeftNavigation/components/DeviceMenu/components/MenuItems/index.js +++ b/src/views/Wallet/components/LeftNavigation/components/DeviceMenu/components/MenuItems/index.js @@ -17,7 +17,7 @@ const Item = styled.div` padding: 4px 2px; display: flex; align-items: center; - font-size: ${FONT_SIZE.SMALL}; + font-size: ${FONT_SIZE.BASE}; line-height: 24px; cursor: pointer; color: ${colors.TEXT_SECONDARY}; diff --git a/src/views/Wallet/components/LeftNavigation/components/Divider/index.js b/src/views/Wallet/components/LeftNavigation/components/Divider/index.js index 1d05a5ae..8f29337e 100644 --- a/src/views/Wallet/components/LeftNavigation/components/Divider/index.js +++ b/src/views/Wallet/components/LeftNavigation/components/Divider/index.js @@ -9,7 +9,7 @@ const Wrapper = styled.div` display: flex; justify-content: space-between; padding: 8px 28px 8px 24px; - font-size: ${FONT_SIZE.SMALLER}; + font-size: ${FONT_SIZE.SMALL}; color: ${colors.TEXT_SECONDARY}; background: ${colors.LANDING}; ${props => props.hasBorder && css` diff --git a/src/views/Wallet/components/LeftNavigation/components/RowCoin/index.js b/src/views/Wallet/components/LeftNavigation/components/RowCoin/index.js index 472f6d1a..68baf11d 100644 --- a/src/views/Wallet/components/LeftNavigation/components/RowCoin/index.js +++ b/src/views/Wallet/components/LeftNavigation/components/RowCoin/index.js @@ -18,7 +18,7 @@ const RowCoinWrapper = styled.div` padding: ${LEFT_NAVIGATION_ROW.PADDING}; height: 50px; display: block; - font-size: ${FONT_SIZE.BASE}; + font-size: ${FONT_SIZE.BIG}; color: ${colors.TEXT_PRIMARY}; transition: background-color 0.3s, color 0.3s; diff --git a/src/views/Wallet/components/LeftNavigation/index.js b/src/views/Wallet/components/LeftNavigation/index.js index daba51c5..d64f559e 100644 --- a/src/views/Wallet/components/LeftNavigation/index.js +++ b/src/views/Wallet/components/LeftNavigation/index.js @@ -69,7 +69,7 @@ const Help = styled.div` const A = styled.a` color: ${colors.TEXT_SECONDARY}; - font-size: ${FONT_SIZE.SMALLER}; + font-size: ${FONT_SIZE.SMALL}; display: inline-block; padding: 8px; height: auto; diff --git a/src/views/Wallet/views/Account/Send/components/AdvancedForm/index.js b/src/views/Wallet/views/Account/Send/components/AdvancedForm/index.js index 93dafc4d..348a0263 100644 --- a/src/views/Wallet/views/Account/Send/components/AdvancedForm/index.js +++ b/src/views/Wallet/views/Account/Send/components/AdvancedForm/index.js @@ -116,7 +116,7 @@ const Left = styled.div` const Right = styled.div` display: flex; flex-direction: row; - font-size: ${FONT_SIZE.SMALLER}; + font-size: ${FONT_SIZE.SMALL}; cursor: pointer; `; diff --git a/src/views/Wallet/views/Account/Send/ethereum/index.js b/src/views/Wallet/views/Account/Send/ethereum/index.js index 3306380f..5e53d918 100644 --- a/src/views/Wallet/views/Account/Send/ethereum/index.js +++ b/src/views/Wallet/views/Account/Send/ethereum/index.js @@ -44,7 +44,7 @@ const SetMaxAmountButton = styled(Button)` align-items: center; justify-content: center; - font-size: ${FONT_SIZE.SMALLER}; + font-size: ${FONT_SIZE.SMALL}; font-weight: ${FONT_WEIGHT.SMALLEST}; color: ${colors.TEXT_SECONDARY}; @@ -99,7 +99,7 @@ const UpdateFeeWrapper = styled.span` margin-left: 8px; display: flex; align-items: center; - font-size: ${FONT_SIZE.SMALLER}; + font-size: ${FONT_SIZE.SMALL}; color: ${colors.WARNING_PRIMARY}; `; diff --git a/src/views/Wallet/views/Account/Send/ripple/index.js b/src/views/Wallet/views/Account/Send/ripple/index.js index be3f9978..010f9154 100644 --- a/src/views/Wallet/views/Account/Send/ripple/index.js +++ b/src/views/Wallet/views/Account/Send/ripple/index.js @@ -30,7 +30,7 @@ const SetMaxAmountButton = styled(Button)` align-items: center; justify-content: center; - font-size: ${FONT_SIZE.SMALLER}; + font-size: ${FONT_SIZE.SMALL}; font-weight: ${FONT_WEIGHT.SMALLEST}; color: ${colors.TEXT_SECONDARY}; diff --git a/src/views/Wallet/views/Account/Summary/components/Balance/index.js b/src/views/Wallet/views/Account/Summary/components/Balance/index.js index 64a4455f..960007b2 100644 --- a/src/views/Wallet/views/Account/Summary/components/Balance/index.js +++ b/src/views/Wallet/views/Account/Summary/components/Balance/index.js @@ -52,7 +52,7 @@ const HideBalanceIconWrapper = styled.div` const FiatValue = styled.div` font-weight: ${FONT_WEIGHT.SEMIBOLD}; - font-size: ${FONT_SIZE.BIG}; + font-size: ${FONT_SIZE.BIGGER}; margin: 7px 0; min-height: 25px; color: ${colors.TEXT_PRIMARY}; @@ -60,7 +60,7 @@ const FiatValue = styled.div` const FiatValueRate = styled.div` font-weight: ${FONT_WEIGHT.SEMIBOLD}; - font-size: ${FONT_SIZE.BASE}; + font-size: ${FONT_SIZE.BIG}; min-height: 25px; margin: 7px 0; display: flex; @@ -77,12 +77,12 @@ const BalanceRateWrapper = styled(BalanceWrapper)` `; const CoinBalance = styled.div` - font-size: ${FONT_SIZE.SMALLER}; + font-size: ${FONT_SIZE.SMALL}; color: ${colors.TEXT_SECONDARY}; `; const Label = styled.div` - font-size: ${FONT_SIZE.SMALLER}; + font-size: ${FONT_SIZE.SMALL}; color: ${colors.TEXT_SECONDARY}; `; diff --git a/src/views/Wallet/views/FirmwareUpdate/index.js b/src/views/Wallet/views/FirmwareUpdate/index.js index 3a1a34f6..9bbc9478 100644 --- a/src/views/Wallet/views/FirmwareUpdate/index.js +++ b/src/views/Wallet/views/FirmwareUpdate/index.js @@ -37,7 +37,7 @@ const Wrapper = styled.section` const StyledNavLink = styled(Link)` color: ${colors.TEXT_SECONDARY}; padding-top: 20px; - font-size: ${FONT_SIZE.SMALL}; + font-size: ${FONT_SIZE.BASE}; `; const Image = styled.div`