diff --git a/packages/neuron-ui/src/containers/Footer/index.tsx b/packages/neuron-ui/src/containers/Footer/index.tsx
index eba38d1329..3cece43d72 100644
--- a/packages/neuron-ui/src/containers/Footer/index.tsx
+++ b/packages/neuron-ui/src/containers/Footer/index.tsx
@@ -18,7 +18,7 @@ const stackStyles = {
],
}
const stackItemStyles = {
- root: [theme.fonts.small],
+ root: [theme.fonts.xSmall],
}
export const SyncStatus = ({
@@ -28,13 +28,13 @@ export const SyncStatus = ({
}: React.PropsWithoutRef<{ tipBlockNumber: string; syncedBlockNumber: string; bufferBlockNumber?: number }>) => {
const [t] = useTranslation()
if (tipBlockNumber === '') {
- return {t('footer.fail-to-fetch-tip-block-number')}
+ return {t('footer.fail-to-fetch-tip-block-number')}
}
const percentage = +syncedBlockNumber / +tipBlockNumber
return (
-
+
{+syncedBlockNumber + bufferBlockNumber < +tipBlockNumber ? (
<>
{t('sync.syncing')}
@@ -52,21 +52,12 @@ export const SyncStatus = ({
export const NetworkStatus = ({ name, online }: { name: string; online: boolean }) => {
return (
-
+
-
- {name}
-
+ {name}
)
}
diff --git a/packages/neuron-ui/src/utils/loadTheme.tsx b/packages/neuron-ui/src/utils/loadTheme.tsx
index d94bfc9b6d..c09d5406a6 100644
--- a/packages/neuron-ui/src/utils/loadTheme.tsx
+++ b/packages/neuron-ui/src/utils/loadTheme.tsx
@@ -32,7 +32,7 @@ import { registerIcons } from 'utils/icons'
loadTheme({
fonts: {
tiny: { fontSize: '11px' },
- xSmall: { fontSize: '12px' },
+ xSmall: { fontSize: '12px', lineHeight: '12px' },
small: { fontSize: '14px' },
smallPlus: { fontSize: '15px' },
medium: { fontSize: '16px' },