From bc7b3535e68b97cc94fb13bf1cd3db41fd0c35fc Mon Sep 17 00:00:00 2001
From: Abdullah Atta <abdullahatta@streetwriters.co>
Date: Fri, 14 Oct 2022 10:20:42 +0500
Subject: [PATCH] web: minor ui fixes

---
 apps/web/src/components/editor/toolbar.js        | 2 +-
 apps/web/src/components/route-container/index.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/editor/toolbar.js b/apps/web/src/components/editor/toolbar.js
index 7fa138dbd..f0091adfc 100644
--- a/apps/web/src/components/editor/toolbar.js
+++ b/apps/web/src/components/editor/toolbar.js
@@ -170,7 +170,7 @@ function Toolbar() {
   );
 
   return (
-    <Flex m={2} sx={{ justifyContent: "space-between" }}>
+    <Flex mx={2} my={1} sx={{ justifyContent: "space-between" }}>
       <Flex sx={{ flex: 1, alignItems: "center", justifyContent: "center" }}>
         <Icon.ArrowLeft
           sx={{
diff --git a/apps/web/src/components/route-container/index.js b/apps/web/src/components/route-container/index.js
index ee81866ac..0fa3bca43 100644
--- a/apps/web/src/components/route-container/index.js
+++ b/apps/web/src/components/route-container/index.js
@@ -64,7 +64,7 @@ function Header(props) {
   return (
     <Flex mx={2} sx={{ flexDirection: "column", justifyContent: "center" }}>
       <Flex sx={{ alignItems: "center", justifyContent: "space-between" }}>
-        <Flex py={2} sx={{ alignItems: "center", justifyContent: "center" }}>
+        <Flex py={1} sx={{ alignItems: "center", justifyContent: "center" }}>
           {buttons?.back ? (
             <Icon.ArrowLeft
               size={24}