From f4c4476edc29f4bd4a68cd54e2c294889c3c8e2d Mon Sep 17 00:00:00 2001
From: Abdelhafidh Belalia <16493223+s77rt@users.noreply.github.com>
Date: Sat, 15 Jun 2024 15:55:58 +0100
Subject: [PATCH] use variables.componentBorderRadiusLarge as variable for
 padding

---
 src/styles/index.ts                            | 2 +-
 src/styles/utils/generators/ModalStyleUtils.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/styles/index.ts b/src/styles/index.ts
index 5e04216b3431..c2935f512f2f 100644
--- a/src/styles/index.ts
+++ b/src/styles/index.ts
@@ -1700,7 +1700,7 @@ const styles = (theme: ThemeColors) =>
 
         createMenuContainer: {
             width: variables.sideBarWidth - 40,
-            paddingVertical: 16,
+            paddingVertical: variables.componentBorderRadiusLarge,
         },
 
         createMenuHeaderText: {
diff --git a/src/styles/utils/generators/ModalStyleUtils.ts b/src/styles/utils/generators/ModalStyleUtils.ts
index 1606c6dfe331..7f51b7727d6a 100644
--- a/src/styles/utils/generators/ModalStyleUtils.ts
+++ b/src/styles/utils/generators/ModalStyleUtils.ts
@@ -176,7 +176,7 @@ const createModalStyleUtils: StyleUtilGenerator<GetModalStylesStyleUtil> = ({the
                     width: '100%',
                     borderTopLeftRadius: variables.componentBorderRadiusLarge,
                     borderTopRightRadius: variables.componentBorderRadiusLarge,
-                    paddingTop: 16,
+                    paddingTop: variables.componentBorderRadiusLarge,
                     justifyContent: 'center',
                     overflow: 'hidden',
                 };