diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index 2f5250f..0aa7652 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -19,10 +19,12 @@ pages:
   stage: deploy
   script:
     - npm install # Install all dependencies
+    - npm install -g less
     - npm run build --prod # Build for prod
     - cp public/index.html public/404.html # Not necessary, but helps with https://medium.com/@pshrmn/demystifying-single-page-applications-3068d0555d46
     - mv public _public # CRA and gitlab pages both use the public folder. Only do this in a build pipeline.
     - mv build public # Move build files to public dir for Gitlab Pages
+    - lessc src_less/main.less /public/main.css
   artifacts:
     paths:
     - public # The built files for Gitlab Pages to serve