diff --git a/.circleci/config.yml b/.circleci/config.yml
index 71f32f449..4354b1f64 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -47,6 +47,13 @@ jobs:
             clj-kondo --version
             clj-kondo --parallel --lint src/
 
+      - run:
+          name: frontend styles prettier
+          working_directory: "./frontend"
+          command: |
+            yarn install
+            yarn run lint-scss
+
       - run:
           name: backend lint
           working_directory: "./backend"
diff --git a/frontend/package.json b/frontend/package.json
index a85eca3d5..a8729fe6b 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -13,6 +13,7 @@
   ],
   "scripts": {
     "compile-test": "clojure -M:dev:shadow-cljs compile test --config-merge '{:autorun false}'",
+    "lint-scss": "yarn run prettier -c resources/styles",
     "run-test": "node target/test.js",
     "test": "yarn run compile-test && yarn run run-test",
     "watch-gulp": "gulp watch",
@@ -42,6 +43,7 @@
     "npm-run-all": "^4.1.5",
     "postcss": "^8.4.5",
     "postcss-clean": "^1.2.2",
+    "prettier": "^2.5.1",
     "rimraf": "^3.0.0",
     "sass": "^1.45.1",
     "shadow-cljs": "2.16.10"
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 9a1e140ad..35eda4e5f 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -4699,6 +4699,11 @@ prepend-http@^2.0.0:
   resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-2.0.0.tgz#e92434bfa5ea8c19f41cdfd401d741a3c819d897"
   integrity sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc=
 
+prettier@^2.5.1:
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.5.1.tgz#fff75fa9d519c54cf0fce328c1017d94546bc56a"
+  integrity sha512-vBZcPRUR5MZJwoyi3ZoyQlc1rXeEck8KgeC9AwwOn+exuxLxq5toTRDTSaVrXHxelDMHy9zlicw8u66yxoSUFg==
+
 pretty-bytes@^5.6.0:
   version "5.6.0"
   resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-5.6.0.tgz#356256f643804773c82f64723fe78c92c62beaeb"