diff --git a/src/GlobalStyles.tsx b/src/GlobalStyles.tsx
index 145345ef72..389f7a3ff2 100644
--- a/src/GlobalStyles.tsx
+++ b/src/GlobalStyles.tsx
@@ -47,10 +47,6 @@ export default function GlobalStyles({ children }: GlobalStylesProps) {
         styles={css`
           html {
             ${baseFontStyles}
-
-            ion-content ion-item {
-              font-size: 1rem;
-            }
           }
 
           ${baseVariables}
diff --git a/src/index.css b/src/index.css
index f8c1cf1fe4..25d906a980 100644
--- a/src/index.css
+++ b/src/index.css
@@ -17,6 +17,15 @@ ion-tab-button {
   opacity: 1 !important;
 }
 
+/*
+ * Header doesn't support dynamic font size
+ */
+ion-router-outlet > .ion-page > ion-header ion-button,
+ion-router-outlet > .ion-page > ion-header ion-back-button,
+ion-router-outlet > .ion-page > ion-header ion-title {
+  font-size: 17px;
+}
+
 .left-align-buttons
   .action-sheet-button:not(.action-sheet-cancel)
   .action-sheet-button-inner.sc-ion-action-sheet-ios:not(