diff --git a/src/components/HeaderWithBackButton/index.tsx b/src/components/HeaderWithBackButton/index.tsx
index 319fa2f14892..cace3328c1af 100755
--- a/src/components/HeaderWithBackButton/index.tsx
+++ b/src/components/HeaderWithBackButton/index.tsx
@@ -80,8 +80,8 @@ function HeaderWithBackButton({
                     {/* Uses absolute positioning so that it's always centered instead of being affected by the
                     presence or absence of back/close buttons to the left/right of it */}
                     <View style={styles.progressBarContainer}>
-                        <View style={styles.progressBar}>
-                            <View style={[{width: `${progressBarPercentage}%`}, styles.progressBarFill]} />
+                        <View style={styles.headerProgressBar}>
+                            <View style={[{width: `${progressBarPercentage}%`}, styles.headerProgressBarFill]} />
                         </View>
                     </View>
                 </>
diff --git a/src/styles/index.ts b/src/styles/index.ts
index aa9c0ca5a859..d561baf2cbe1 100644
--- a/src/styles/index.ts
+++ b/src/styles/index.ts
@@ -4414,7 +4414,7 @@ const styles = (theme: ThemeColors) =>
             width: '100%',
         },
 
-        progressBar: {
+        headerProgressBar: {
             width: variables.componentSizeMedium,
             height: variables.iconSizeXXXSmall,
             borderRadius: variables.componentBorderRadiusRounded,
@@ -4422,7 +4422,7 @@ const styles = (theme: ThemeColors) =>
             alignSelf: 'center',
         },
 
-        progressBarFill: {
+        headerProgressBarFill: {
             borderRadius: variables.componentBorderRadiusRounded,
             height: '100%',
             backgroundColor: theme.progressBarFill,