From 5ff71f64c03c8144aa6835834f7f48d2a3470d79 Mon Sep 17 00:00:00 2001
From: ajalapraise <ajalapraise1@gmail.com>
Date: Thu, 28 Aug 2025 22:20:11 +0100
Subject: [PATCH] fix: update Sidebar and Dashboard styles for improved layout

---
 app/dapp/components/layout/Sidebar.tsx | 2 +-
 app/dapp/dashboard/page.tsx            | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/dapp/components/layout/Sidebar.tsx b/app/dapp/components/layout/Sidebar.tsx
index fc72607..9367676 100644
--- a/app/dapp/components/layout/Sidebar.tsx
+++ b/app/dapp/components/layout/Sidebar.tsx
@@ -52,7 +52,7 @@ function Sidebar({
   return (
     <div
       className={`bg-background z-50 absolute top-0 left-0 font-light h-full transition-transform duration-300
-         w-full sm:w-[280px] lg:relative lg:translate-x-0 lg:w-fit
+         w-full sm:w-[280px] lg:relative lg:translate-x-0 lg:w-fit border-0 md:border-1 border-primary-border
          ${isOpen ? "translate-x-0" : "-translate-x-full"}`}
     >
       <div className="p-[24px] lg:p-[42px_30px_45px_40px] flex flex-col gap-y-[6px] items-stretch">
diff --git a/app/dapp/dashboard/page.tsx b/app/dapp/dashboard/page.tsx
index 407dcb9..9668c49 100644
--- a/app/dapp/dashboard/page.tsx
+++ b/app/dapp/dashboard/page.tsx
@@ -92,7 +92,9 @@ export default function DashboardPage() {
           </div>
         )}
 
-        <div className="hidden md:flex relative bg-[#F4F4F4] dark:bg-[#181818] rounded-[8px] px-2 h-[37px]">
+        <div
+          className={`hidden relative bg-[#F4F4F4] dark:bg-[#181818] rounded-[8px] px-2 h-[37px]`}
+        >
           <SearchIcon
             color={isDark ? "#696969" : "#B9B9B9"}
             size="18"
@@ -105,7 +107,7 @@ export default function DashboardPage() {
           />
         </div>
         {/* This one is for mobiles which slides from the top when the search icon is clicked */}
-        <button onClick={() => setShowSearch(true)} className="md:hidden p-2">
+        <button onClick={() => setShowSearch(true)} className={`hidden  p-2`}>
           <SearchIcon color={isDark ? "#696969" : "#B9B9B9"} size="18" />
         </button>