update App.js, src/components/Sidebar/SidebarDesign2/index.js and src/components/Sidebar/SidebarMenu/index.js

src/components/Sidebar/SidebarDesign2/index.js

@@ -23,7 +23,7 @@ const SidebarMenu = ({ items, buttons, username, userJob, className }) => {
 
   return (
     <div
-      className={`${className} w-fit bg-white p-5 h-screen overflow-y-auto scrollYDesign shadow-sm border border-gray-300 rounded relative`}
+      className={`${className} w-fit bg-white p-4 overflow-y-auto scrollYDesign shadow-sm border border-gray-300 rounded relative`}
     >
       {/* profile */}
       <div className="flex flex-row items-center">

src/components/Sidebar/SidebarMenu/index.js

@@ -19,7 +19,7 @@ import Switch from "../../Switch";
 const SidebarMenu = ({ items, buttons }) => {
   return (
     <section>
-      <div className="w-fit bg-white p-5 h-screen shadow-sm border border-gray-300 rounded overflow-y-auto scrollYDesign">
+      <div className="w-fit bg-white p-4 shadow-sm border border-gray-300 rounded overflow-y-auto scrollYDesign">
         {/* profile */}
         <div className="flex flex-row items-center">
           <img src={profilePic} alt="" className="w-12 rounded-full" />