Settings Page

components/Breadcrumbs.tsx

@@ -6,7 +6,7 @@ interface BreadcrumbsProps {
 export default function Breadcrumbs({ breadcrumbPath = ['Home'] }: BreadcrumbsProps) {
     return(
         <div className="w-full">
-            <div className="breadcrumbs text-sm">
+            <div className="breadcrumbs text-sm bg-base-200 pb-6">
                 <ul className="pl-4 pt-4">
                     {breadcrumbPath.map((item, index) => (
                         <li key={index}>
@@ -18,7 +18,6 @@ export default function Breadcrumbs({ breadcrumbPath = ['Home'] }: BreadcrumbsPr
                         </li>
                     ))}
                 </ul>
-                <div className="divider"></div>
             </div>
         </div>
     )

components/Sidebar.tsx

@@ -180,7 +180,9 @@ export default function Sidebar({ children, username, fullName, breadcrumbPath }
       {/* Main content */}
       <main className="flex-1 overflow-auto">
         <Breadcrumbs breadcrumbPath={breadcrumbPath} />
-        {children}
+        <div className="p-8 ">
+            {children}
+        </div>
       </main>
     </div>
   )