Configure Completed is added

components/layouts/sideBarItem.tsx

@@ -14,12 +14,12 @@ export default function SidebarItem({ item }: Props) {
       <Button
         onClick={() => setOpen(!open)}
         className="flex w-full items-center justify-between
-         px-3 py-4 hover:bg-slate-900"
+         px-2 py-3 hover:bg-slate-900"
       >
         <div className="flex items-center gap-2">
           <item.icon size={16} />
 
-          <span className="text-base">{item.title}</span>
+          <span className="text-sm font-bold">{item.title}</span>
         </div>
 
         <ChevronDown
@@ -31,12 +31,13 @@ export default function SidebarItem({ item }: Props) {
       </Button>
 
       {open && item.children.length > 0 && (
-        <div className="ml-4 border-l border-slate-700 pl-2 pb-1">
+        <div className="ml-5 border-l border-slate-700 pl-2 pb-1">
           {item.children.map((child: any) => (
             <Link
               key={child.title}
               href={child.href}
-              className="group mt-2 flex items-center gap-3 rounded-lg px-2 py-2 text-slate-300 hover:bg-teal-500/20 hover:text-teal-400"
+              className="group mt-2 flex items-center gap-3 
+              rounded-lg px-2  text-slate-400 hover:bg-teal-500/20 hover:text-teal-400"
             >
               <child.icon size={16} />
 

components/layouts/sidebar.tsx

@@ -38,11 +38,11 @@ console.log("Session data ",session?.user?.email)
         </button>
       </div>
 
-      <p className="px-2 pt-2 pb-1 text-xs font-semibold uppercase 
+      <p className="px-2 text-xs font-semibold uppercase 
       tracking-wider text-slate-500">
         Tenant runtime
       </p>
-      <div className="py-2">
+      <div className="py-1">
         {SIDEBAR_ITEMS.map((item) => (
           <SidebarItem
             key={item.title}