From e51eab68434adca1ad5a23e17cc76e2ca7bbe017 Mon Sep 17 00:00:00 2001
From: Shiva <shivaxwarrior@gmail.com>
Date: Mon, 13 Nov 2023 21:24:59 +0530
Subject: [PATCH] fixed bottom bar not expanding

---
 src/components/shared/navigation/SideBar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/shared/navigation/SideBar.tsx b/src/components/shared/navigation/SideBar.tsx
index b4bf311..bb844f5 100644
--- a/src/components/shared/navigation/SideBar.tsx
+++ b/src/components/shared/navigation/SideBar.tsx
@@ -89,7 +89,7 @@ const SideBar = () => {
             </div>
             {/* mobile bottom bar */}
             <div ref={sidebarRef} className={`text-white fixed bottom-0 md:hidden z-20 bg-black/50 rounded-t-xl border-t-2 border-white/25  backdrop-blur-md w-full p-2 duration-200 transition-all`}>
-                <div className="flex items-center justify-between ">
+                <div className="flex items-center justify-between flex-wrap ">
                     {NavItems.slice(0, expand ? NavItems.length : 3).map((link) => {
                         const isActive = (pathname.includes(link.route) && link.route.length > 1) || pathname === link.route;
                         const shouldRender = !(link.name === "History" || link.name === "Bookmark") || token;