commit

app/src/components/NodeStatus.tsx

@@ -3,7 +3,7 @@ import { observer } from 'mobx-react-lite';
 import styled from '@emotion/styled';
 import { usePrefixedTranslation } from 'hooks';
 import { useStore } from 'store';
-import { HeaderFour, Jumbo, Small } from 'components/base';
+import { HeaderFour, Jumbo, Paragraph } from 'components/base';
 import { Bitcoin, Bolt } from './base';
 import Tip from './common/Tip';
 import Unit from './common/Unit';
@@ -41,12 +41,12 @@ const NodeStatus: React.FC = () => {
         </Jumbo>
       </Tip>
       <Tip overlay={l('onchainTip')}>
-        <Small>
+        <Paragraph>
           <Balance>
             <Bitcoin title="bitcoin" size="small" />
             <Unit sats={nodeStore.wallet.walletBalance} suffix={false} />
           </Balance>
-        </Small>
+        </Paragraph>
       </Tip>
       <Divider />
     </Wrapper>

app/src/components/layout/Sidebar.tsx

@@ -5,7 +5,7 @@ import NavMenu from './NavMenu';
 
 const Styled = {
   Wrapper: styled.div`
-    padding-top: 95px;
+    padding-top: 120px;
   `,
 };
 

app/src/components/settings/GeneralSettings.tsx

@@ -30,9 +30,6 @@ const GeneralSettings: React.FC = () => {
   const { Wrapper, Content } = Styled;
   return (
     <Wrapper>
-      <Display semiBold space={16}>
-        {l('pageTitle')}
-      </Display>
       <Content>
         <SettingItem
           name={l('bitcoinUnit')}

app/src/components/settings/SettingsPage.tsx

@@ -9,7 +9,7 @@ import UnitSettings from './UnitSettings';
 
 const Styled = {
   Wrapper: styled.div`
-    padding: 120px 0;
+    padding: 40px 0;
   `,
 };