diff --git a/docs/admin/customizing-css.mdx b/docs/admin/customizing-css.mdx
index 45a1397566..42fd69c3b3 100644
--- a/docs/admin/customizing-css.mdx
+++ b/docs/admin/customizing-css.mdx
@@ -35,6 +35,16 @@ You can specify your own SCSS variable stylesheet that will allow for the overri
 
 To do so, provide your base Payload config with a path to your own SCSS variable sheet.
 
+**NOTE: Before you start editing your SCSS file, make sure you install 'sass-loader' & 'node-sass' as dev dependencies.**
+**Node**
+```
+npm install sass-loader node-sass --save-dev
+```
+**YARN**
+```
+yarn add sass-loader node-sass --save-dev
+```
+
 **Example in payload.config.js:**
 ```js
 import { buildConfig } from 'payload/config';