diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
index 79c309eef..147449f0c 100644
--- a/.devcontainer/devcontainer.json
+++ b/.devcontainer/devcontainer.json
@@ -1,10 +1,28 @@
 
 {
-	"name": "Twenty Codespace",
-	"image": "node:18.16.0",
-	"features": {
-	  "ghcr.io/devcontainers-contrib/features/jshint:2": {}
-	},
-	"forwardPorts": [3000, 3001, 5432],
-	 "postCreateCommand": "cd front && yarn && cd ../server && yarn"
-  }
\ No newline at end of file
+  "name": "Twenty Codespace",
+  "image": "node:18.16.0",
+  "features": {
+    "ghcr.io/devcontainers-contrib/features/jshint:2": {}
+  },
+  "forwardPorts": [3000, 3001, 5432],
+  "postCreateCommand": "cd front && yarn && cd ../server && yarn",
+  "customizations": {
+    "vscode": {
+      "extensions": [
+        "styled-components.vscode-styled-components",
+        "dbaeumer.vscode-eslint",
+        "unifiedjs.vscode-mdx",
+        "ms-vscode.makefile-tools",
+        "ms-azuretools.vscode-docker",
+        "esbenp.prettier-vscode",
+        "GraphQL.vscode-graphql",
+        "prisma.prisma",
+         "unifiedjs.vscode-mdx",
+         "yoavbls.pretty-ts-errors",
+         "graphql.vscode-graphql-syntax",
+         "graphql.vscode-graphql"
+      ]
+    }
+  }
+}
\ No newline at end of file
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index d7a4b46b0..ac1407a48 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -1,8 +1,17 @@
 {
   "recommendations": [
     "ms-vscode-remote.remote-containers",
-    "ms-vscode.makefile-tools",
+    "styled-components.vscode-styled-components",
     "dbaeumer.vscode-eslint",
-    "Prisma.prisma"
+    "unifiedjs.vscode-mdx",
+    "ms-vscode.makefile-tools",
+    "ms-azuretools.vscode-docker",
+    "esbenp.prettier-vscode",
+    "GraphQL.vscode-graphql",
+    "prisma.prisma",
+    "unifiedjs.vscode-mdx",
+    "yoavbls.pretty-ts-errors",
+    "graphql.vscode-graphql-syntax",
+    "graphql.vscode-graphql"
   ]
 }
\ No newline at end of file