diff --git a/packages/apps/src/Menu/Item.tsx b/packages/apps/src/Menu/Item.tsx
index b27af42fd8..384b60b3dd 100644
--- a/packages/apps/src/Menu/Item.tsx
+++ b/packages/apps/src/Menu/Item.tsx
@@ -64,7 +64,6 @@ const StyledLi = styled.li`
     }
 
     &.isActive.highlight--color-contrast {
-      font-size: 1.15rem;
       font-weight: var(--font-weight-normal);
       color: var(--color-text);
 
diff --git a/packages/page-claims/src/Claim.tsx b/packages/page-claims/src/Claim.tsx
index 453c86acc3..22430c7a94 100644
--- a/packages/page-claims/src/Claim.tsx
+++ b/packages/page-claims/src/Claim.tsx
@@ -114,7 +114,7 @@ function Claim ({ accountId, className = '', ethereumAddress, ethereumSignature,
 }
 
 export const ClaimStyles = `
-font-size: 1.15rem;
+font-size: var(--font-size-h3);
 display: flex;
 flex-direction: column;
 justify-content: center;
diff --git a/packages/page-claims/src/Warning.tsx b/packages/page-claims/src/Warning.tsx
index 63ea8179ba..2c3f66c08d 100644
--- a/packages/page-claims/src/Warning.tsx
+++ b/packages/page-claims/src/Warning.tsx
@@ -42,7 +42,7 @@ function Warning ({ className }: Props): React.ReactElement<Props> | null {
 }
 
 const StyledDiv = styled.div`
-  font-size: 1.15rem;
+  font-size: var(--font-size-h3);
   display: flex;
   flex-direction: column;
   justify-content: center;