diff --git a/src/styles/index.ts b/src/styles/index.ts
index c699f85dea46..93d0c16f45a9 100644
--- a/src/styles/index.ts
+++ b/src/styles/index.ts
@@ -4172,11 +4172,11 @@ const styles = (theme: ThemeColors) =>
         },
 
         updateRequiredViewHeader: {
-            height: 70,
+            height: variables.updateViewHeaderHeight,
         },
 
         updateRequiredViewTextContainer: {
-            width: 310,
+            width: variables.updateTextViewContainerWidth,
         },
     } satisfies Styles);
 
diff --git a/src/styles/utils/index.ts b/src/styles/utils/index.ts
index 2c81e8eb202e..73038d9895ab 100644
--- a/src/styles/utils/index.ts
+++ b/src/styles/utils/index.ts
@@ -1435,7 +1435,7 @@ const createStyleUtils = (theme: ThemeColors, styles: ThemeStyles) => ({
         {
             alignItems: 'center',
             justifyContent: 'center',
-            ...(isSmallScreenWidth ? {} : {paddingBottom: 160}),
+            ...(isSmallScreenWidth ? {} : styles.pb40),
         },
     ],
 
diff --git a/src/styles/utils/spacing.ts b/src/styles/utils/spacing.ts
index 6def4858229f..bb0e797e5812 100644
--- a/src/styles/utils/spacing.ts
+++ b/src/styles/utils/spacing.ts
@@ -533,6 +533,10 @@ export default {
         paddingBottom: 80,
     },
 
+    pb40: {
+        paddingBottom: 160,
+    },
+
     pb10Percentage: {
         paddingBottom: '10%',
     },
diff --git a/src/styles/variables.ts b/src/styles/variables.ts
index 1699fd4cc7f4..d966b7829bc9 100644
--- a/src/styles/variables.ts
+++ b/src/styles/variables.ts
@@ -200,4 +200,6 @@ export default {
     holdMenuIconSize: 64,
     updateAnimationW: 390,
     updateAnimationH: 240,
+    updateTextViewContainerWidth: 310,
+    updateViewHeaderHeight: 70,
 } as const;