diff --git a/apps/studio/pages/project/[ref]/index.tsx b/apps/studio/pages/project/[ref]/index.tsx
index a61590463f7..c8ca8cfcce9 100644
--- a/apps/studio/pages/project/[ref]/index.tsx
+++ b/apps/studio/pages/project/[ref]/index.tsx
@@ -112,7 +112,7 @@ const Home: NextPageWithLayout = () => {
   const replicasCount = Math.max(0, (replicasData?.length ?? 1) - 1)
 
   return (
-    <div className="w-full">
+    <div className="w-full px-4">
       <div className={cn('py-16 ', !isPaused && 'border-b border-muted ')}>
         <div className="mx-auto max-w-7xl flex flex-col gap-y-4">
           <div className="flex flex-col md:flex-row md:items-center gap-6 justify-between w-full">