From 9410c42f2933ae8ce3db2912a8ca87bcfe7a0a1d Mon Sep 17 00:00:00 2001
From: Abdullah Atta <abdullahatta@streetwriters.co>
Date: Fri, 19 Jul 2024 12:42:18 +0500
Subject: [PATCH] web: fix search icon overlapping route header text

---
 apps/web/src/components/route-container/index.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/components/route-container/index.tsx b/apps/web/src/components/route-container/index.tsx
index caf1d30e8..d752ef8ac 100644
--- a/apps/web/src/components/route-container/index.tsx
+++ b/apps/web/src/components/route-container/index.tsx
@@ -117,7 +117,14 @@ function Header(props: RouteContainerProps) {
         height: 42.8
       }}
     >
-      <Flex py={1} sx={{ alignItems: "center", justifyContent: "center" }}>
+      <Flex
+        py={1}
+        sx={{
+          alignItems: "center",
+          justifyContent: "center",
+          overflow: "hidden"
+        }}
+      >
         {buttons?.back ? (
           <ArrowLeft
             size={24}