diff --git a/app/[locale]/dashboard/[entityType]/[entitySlug]/dataset/page.tsx b/app/[locale]/dashboard/[entityType]/[entitySlug]/dataset/page.tsx
index c6ec1498..22fa19ba 100644
--- a/app/[locale]/dashboard/[entityType]/[entitySlug]/dataset/page.tsx
+++ b/app/[locale]/dashboard/[entityType]/[entitySlug]/dataset/page.tsx
@@ -350,12 +350,15 @@ export default function DatasetPage() {
 
   return (
     <>
-      <div className={`mt-8 flex h-full flex-col ${styles.listing}`}>
+      <div className={`flex h-full flex-col md:mt-5 lg:mt-2 ${styles.listing}`}>
         <DataTable
           columnContentTypes={[...columnContentTypes]}
           columns={datasetColumns}
           rows={rows}
           hideSelection
+          style={{
+            borderRadius: '20px',
+          }}
           withServer
           title="Datasets"
           subtitle="Discover, create and manage datasets on CivicDataSpace."
diff --git a/app/[locale]/dashboard/components/dashboard-nav.tsx b/app/[locale]/dashboard/components/dashboard-nav.tsx
index bf586d09..cff3e74e 100644
--- a/app/[locale]/dashboard/components/dashboard-nav.tsx
+++ b/app/[locale]/dashboard/components/dashboard-nav.tsx
@@ -90,7 +90,7 @@ export function DashboardNav({
   return (
     <aside
       className={cn(
-        'mb-10 mt-2 hidden h-fit min-w-0 shrink-0 flex-col self-start overflow-hidden rounded-4 border-1 border-solid border-baseGraySlateSolid6 bg-surfaceDefault md:sticky md:top-[calc(80px+1rem)] md:z-1 md:flex',
+        'mt-2 hidden max-h-[calc(100dvh-120px-2rem)] min-h-0 min-w-0 shrink-0 flex-col self-start overflow-hidden rounded-4 border-1 border-solid border-baseGraySlateSolid6 bg-surfaceDefault md:sticky md:top-[calc(120px+2rem)] md:z-1 md:flex',
         isCollapsed ? 'w-[72px]' : 'w-[220px]',
         styles.Collapse
       )}
@@ -98,7 +98,7 @@ export function DashboardNav({
       {type === 'organization' || type === 'self' ? (
         <div
           className={cn(
-            'flex items-center gap-3 border-b-1 border-solid border-baseGraySlateSolid6 px-4 py-4',
+            'flex shrink-0 items-center gap-3 border-b-1 border-solid border-baseGraySlateSolid6 px-4 py-4',
             isCollapsed && 'justify-center px-2'
           )}
         >
@@ -147,7 +147,7 @@ export function DashboardNav({
         </div>
       ) : null}
 
-      <nav className="flex flex-col gap-4 px-2 py-2">
+      <nav className="flex min-h-0 flex-1 flex-col gap-4 px-2 py-2">
         {groupNames.map((groupName, groupIndex) => (
           <div key={groupName} className="flex flex-col gap-1">
             {showGroupLabels ? (
diff --git a/components/BreadCrumbs/index.tsx b/components/BreadCrumbs/index.tsx
index 13a1ef4f..feae386d 100644
--- a/components/BreadCrumbs/index.tsx
+++ b/components/BreadCrumbs/index.tsx
@@ -14,7 +14,7 @@ interface BreadCrumbsProps {
 
 const BreadCrumbs: React.FC<BreadCrumbsProps> = ({ data }) => {
   return (
-    <div className="border-b sticky top-[70px] z-2 bg-secondaryOrange px-6 py-2 lg:top-[86px] ">
+    <div className="sticky top-[83px] z-2 border-b bg-secondaryOrange px-6 py-2 sm:top-[99px] md:top-[80px] lg:top-[92px]">
       <Breadcrumb className="mx-1">
         <BreadcrumbList className="">
           {data.map((item, index) => (