diff --git a/packages/twenty-website/README.md b/packages/twenty-website/README.md
index 5388a93c8d62..cb971d19f391 100644
--- a/packages/twenty-website/README.md
+++ b/packages/twenty-website/README.md
@@ -8,14 +8,21 @@ This is not related in anyway to the main app, which you can find in twenty-fron
 
 We're using Next.JS
 
+Copy the .env.example file to .env and fill in the values.
+
+Run the migrations:
+```bash
+npx nx run twenty-website:database:migrate
+```
+
 From the root directory:
 ```bash
-nx run twenty-website:dev
+npx nx run twenty-website:dev
 ```
 Then open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
 
 Or to build in prod:
 ```bash
-nx run twenty-website:build
-nx run twenty-website:start
+npx nx run twenty-website:build
+npx nx run twenty-website:start
 ```
\ No newline at end of file
diff --git a/packages/twenty-website/src/app/_components/docs/DocsContent.tsx b/packages/twenty-website/src/app/_components/docs/DocsContent.tsx
index 5d4c6c92603c..50710cf534a9 100644
--- a/packages/twenty-website/src/app/_components/docs/DocsContent.tsx
+++ b/packages/twenty-website/src/app/_components/docs/DocsContent.tsx
@@ -1,8 +1,8 @@
 'use client';
-import React, { useState } from 'react';
 import styled from '@emotion/styled';
 import Image from 'next/image';
 import { usePathname } from 'next/navigation';
+import { useState } from 'react';
 
 import { ArticleContent } from '@/app/_components/ui/layout/articles/ArticleContent';
 import { Breadcrumbs } from '@/app/_components/ui/layout/Breadcrumbs';
@@ -28,8 +28,7 @@ const StyledContainer = styled('div')`
 
 const StyledWrapper = styled.div`
   @media (max-width: 450px) {
-    padding: ${Theme.spacing(10)} 30px ${Theme.spacing(20)};
-    width: 340px;
+    padding: ${Theme.spacing(10)} 32px ${Theme.spacing(20)};
   }
 
   @media (min-width: 451px) and (max-width: 800px) {
diff --git a/packages/twenty-website/src/app/_components/docs/DocsMain.tsx b/packages/twenty-website/src/app/_components/docs/DocsMain.tsx
index 1d98ad450d1f..2cc9112ea49d 100644
--- a/packages/twenty-website/src/app/_components/docs/DocsMain.tsx
+++ b/packages/twenty-website/src/app/_components/docs/DocsMain.tsx
@@ -30,9 +30,8 @@ const StyledWrapper = styled.div`
   width: 100%;
 
   @media (max-width: 450px) {
-    padding: ${Theme.spacing(10)} 30px ${Theme.spacing(20)};
+    padding: ${Theme.spacing(10)} 32px ${Theme.spacing(20)};
     align-items: flex-start;
-    width: 340px;
   }
 
   @media (min-width: 450px) and (max-width: 800px) {