diff --git a/apps/docs/docs/editor/theme.md b/apps/docs/docs/editor/theme.md
new file mode 100644
index 000000000..1fd531d9a
--- /dev/null
+++ b/apps/docs/docs/editor/theme.md
@@ -0,0 +1,27 @@
+# Theme
+
+The theme tab allows you to customize the look of your typebot.
+
+## Custom CSS
+
+You can also decide to customize even further by adding any custom CSS you want. For this you right-click on the bot in the Theme page and inspect the element you want to customize:
+
+<img
+  src="/img/theme/custom-css.png"
+  alt="Custom css inspection"
+/>
+
+For example, if I want my buttons to be more rounded, and have a fancy gradient color, I can add this to the custom CSS:
+
+```css
+.typebot-button {
+  border-radius: 40px;
+  background-image: linear-gradient(to right, #e052a0, #f15c41);
+  border: none;
+}
+```
+
+<img
+  src="/img/theme/fancy-button.png"
+  alt="Fancy button"
+/>
diff --git a/apps/docs/static/img/theme/custom-css.png b/apps/docs/static/img/theme/custom-css.png
new file mode 100644
index 000000000..cd493b9a6
Binary files /dev/null and b/apps/docs/static/img/theme/custom-css.png differ
diff --git a/apps/docs/static/img/theme/fancy-button.png b/apps/docs/static/img/theme/fancy-button.png
new file mode 100644
index 000000000..86efda6e4
Binary files /dev/null and b/apps/docs/static/img/theme/fancy-button.png differ