updated

src/App.css

@@ -163,6 +163,7 @@
 ::-webkit-scrollbar-track {
   background: transparent;
   border-radius: 10px;
+  
 }
 
 /* The draggable scrollbar handle */

src/Components/Header.jsx

@@ -29,10 +29,11 @@ const Header = ({ link, btnTitle, title }) => {
       // backdropFilter="blur(10px) hue-rotate(90deg)"
       position={"sticky"}
       top={0}
+      me={0.5}
       zIndex={999}
       className={`${
         link && btnTitle ? "" : " pt-3 pb-3 "
-      } p-2  pe-2 ps-0 fw-400   border-bottom d-flex justify-content-between align-items-center`}
+      } p-2  pe-2 ps-0 fw-400 border-bottom d-flex justify-content-between align-items-center`}
     >
       {/* <span className="fs-5">Community</span> */}
 

src/Layout/DefaultLayout.jsx

@@ -119,13 +119,16 @@ const DashboardLayout = () => {
         width: "100vw",
         position: "relative",
         overflow: "hidden",
+
         // backgroundColor:"#101015"
         // backgroundColor:"#000000"
       }}
       className="d-flex"
+      pe={0.5}
+      
     >
       <aside
-        className="h-100 position-relative sideBar pe-1"
+        className="h-100 position-relative sideBar pe-1 "
         // onMouseOver={() => setIsDrawerOpen(true)}
         // onMouseLeave={() => setIsDrawerOpen(false)}
         style={{
@@ -137,7 +140,7 @@ const DashboardLayout = () => {
         }}
       >
         <div
-          className="d-flex justify-content-start p-3 pt-3 pb-4 position-relative"
+          className="d-flex justify-content-start p-3 pt-3 pb-4 position-relative "
           height={"10%"}
         >
           {isDrawerOpen || openDrawerClick ? (
@@ -160,8 +163,8 @@ const DashboardLayout = () => {
         </div>
 
         <div
-          className="p-2  scroll-bar"
-          style={{ height: "80%", overflowY: "scroll" }}
+          className="p-2  scroll-bar "
+          style={{ height: "80%", overflowY: "scroll", overflowX:"hidden" }}
         >
           {nav.map(({ title, path, Icon }, index) => (
             <Box