diff --git a/components/Breadcrumbs.tsx b/components/Breadcrumbs.tsx
index 9ed88eb..ed9d82e 100644
--- a/components/Breadcrumbs.tsx
+++ b/components/Breadcrumbs.tsx
@@ -5,8 +5,8 @@ interface BreadcrumbsProps {
 
 export default function Breadcrumbs({ breadcrumbPath = ['Home'] }: BreadcrumbsProps) {
     return(
-        <div className="w-full">
-            <div className="breadcrumbs text-sm bg-base-200 pb-6">
+        <div className="w-full z-10 relative md:sticky md:top-0">
+            <div className="breadcrumbs text-sm bg-base-200 pb-6 md:shadow-md">
                 <ul className="pl-4 pt-4">
                     {breadcrumbPath.map((item, index) => (
                         <li key={index}>
diff --git a/components/Sidebar.tsx b/components/Sidebar.tsx
index 6efdf71..0f05e9d 100644
--- a/components/Sidebar.tsx
+++ b/components/Sidebar.tsx
@@ -178,9 +178,9 @@ export default function Sidebar({ children, username, fullName, breadcrumbPath }
       </aside>
 
       {/* Main content */}
-      <main className="flex-1 overflow-auto">
+      <main className="flex-1 flex flex-col">
         <Breadcrumbs breadcrumbPath={breadcrumbPath} />
-        <div className="p-8 ">
+        <div className="p-8 overflow-auto flex-1">
             {children}
         </div>
       </main>