diff --git a/src/components/ViewTitle.js b/src/components/ViewTitle.js
index 25644b2035..87b605996a 100644
--- a/src/components/ViewTitle.js
+++ b/src/components/ViewTitle.js
@@ -14,7 +14,7 @@ export const ViewTitle = ({ connectionStatus, title }) => {
 
   return (
     <div style={styles.container}>
-      <Text bold={true} component="h2" data-test="title-text" truncate={false} variant="H2">
+      <Text bold={true} component="h1" data-test="title-text" truncate={false} variant="H2">
         {title}
       </Text>
       {connectionStatus === ReadableStatuses.DEGRADED && (
diff --git a/src/views/microdeposits/RoutingNumber.js b/src/views/microdeposits/RoutingNumber.js
index 058046bb0f..30ae9909a0 100644
--- a/src/views/microdeposits/RoutingNumber.js
+++ b/src/views/microdeposits/RoutingNumber.js
@@ -170,7 +170,7 @@ export const RoutingNumber = (props) => {
       <SlideDown delay={getNextDelay()}>
         <div style={styles.header}>
           <Text
-            component="h2"
+            component="h1"
             data-test="microdeposit-header"
             style={styles.title}
             truncate={false}