diff --git a/components/dashboard/src/Insights.tsx b/components/dashboard/src/Insights.tsx
index f6ce940049864b..f86322e152a443 100644
--- a/components/dashboard/src/Insights.tsx
+++ b/components/dashboard/src/Insights.tsx
@@ -56,7 +56,7 @@ export const Insights = () => {
     return (
         <>
             <Header title="Insights" subtitle="Insights into workspace sessions in your organization" />
-            <div className="app-container pt-5">
+            <div className="app-container pt-5 pb-8">
                 <div
                     className={classNames(
                         "flex flex-col items-start space-y-3 justify-between",
@@ -142,7 +142,7 @@ export const Insights = () => {
                     </ItemsList>
                 </div>
 
-                <div className="mt-4 mb-8 flex flex-row justify-center">
+                <div className="mt-4 flex flex-row justify-center">
                     {hasNextPage ? (
                         <LoadingButton
                             variant="secondary"
diff --git a/components/dashboard/src/prebuilds/list/PrebuildListPage.tsx b/components/dashboard/src/prebuilds/list/PrebuildListPage.tsx
index bda8c3e84e88bc..b3ba5f89f6f2a8 100644
--- a/components/dashboard/src/prebuilds/list/PrebuildListPage.tsx
+++ b/components/dashboard/src/prebuilds/list/PrebuildListPage.tsx
@@ -12,7 +12,7 @@ const PrebuildListPage = () => {
     useDocumentTitle("Prebuilds");
 
     return (
-        <div className="app-container mb-8">
+        <div className="app-container pb-8">
             <PageHeading title="Prebuilds" subtitle="Review prebuilds of your added repositories." />
             <PrebuildsList />
         </div>
diff --git a/components/dashboard/src/repositories/list/RepositoryList.tsx b/components/dashboard/src/repositories/list/RepositoryList.tsx
index 288eeac70d956e..9247796176df7c 100644
--- a/components/dashboard/src/repositories/list/RepositoryList.tsx
+++ b/components/dashboard/src/repositories/list/RepositoryList.tsx
@@ -92,7 +92,7 @@ const RepositoryListPage: FC = () => {
 
     return (
         <>
-            <div className="app-container mb-8">
+            <div className="app-container pb-8">
                 <PageHeading
                     title="Repository settings"
                     subtitle="Configure and refine the experience of working with a repository in Gitpod."
diff --git a/components/dashboard/src/repositories/list/RepositoryTable.tsx b/components/dashboard/src/repositories/list/RepositoryTable.tsx
index ef631ff877ebb2..9c43bee08dc3a8 100644
--- a/components/dashboard/src/repositories/list/RepositoryTable.tsx
+++ b/components/dashboard/src/repositories/list/RepositoryTable.tsx
@@ -132,7 +132,7 @@ export const RepositoryTable: FC<Props> = ({
                     </div>
                 )}
 
-                <div className="mt-4 mb-8 flex flex-row justify-center">
+                <div className="mt-4 flex flex-row justify-center">
                     {hasNextPage ? (
                         <LoadingButton variant="secondary" onClick={onLoadNextPage} loading={isFetchingNextPage}>
                             Load more