From 9d6cd21f444f3d1c40ae2ba66fb8ba6c897aef91 Mon Sep 17 00:00:00 2001
From: Renan Ferreira <renan.ferreira@iohk.io>
Date: Tue, 18 Jul 2023 11:15:08 -0300
Subject: [PATCH] fix(ui): centralize side drawer header text

---
 .../side-drawer-content-header.component.tsx  | 20 ++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/packages/ui/src/design-system/side-drawer/side-drawer-content-header.component.tsx b/packages/ui/src/design-system/side-drawer/side-drawer-content-header.component.tsx
index 405185a76..410dc07ca 100644
--- a/packages/ui/src/design-system/side-drawer/side-drawer-content-header.component.tsx
+++ b/packages/ui/src/design-system/side-drawer/side-drawer-content-header.component.tsx
@@ -27,14 +27,20 @@ export const Header = ({
       justifyContent="space-between"
     >
       {onBackClick !== undefined && (
-        <NavigationButtons.Back onClick={onBackClick} />
+        <Flex w="$40">
+          <NavigationButtons.Back onClick={onBackClick} />
+        </Flex>
       )}
-      <Typography.Body.Large weight="$bold" className={cx.text}>
-        {text}
-      </Typography.Body.Large>
-      <Close>
-        <NavigationButtons.Close onClick={onCloseClick} />
-      </Close>
+      <Flex justifyContent="center" w="$fill">
+        <Typography.Body.Large weight="$bold" className={cx.text}>
+          {text}
+        </Typography.Body.Large>
+      </Flex>
+      <Flex w="$40">
+        <Close>
+          <NavigationButtons.Close onClick={onCloseClick} />
+        </Close>
+      </Flex>
     </Flex>
     <Box mb="$32">
       <Separator />