diff --git a/ui/.devcontainer/devcontainer.json b/ui/.devcontainer/devcontainer.json
index 25b2127..5054c26 100644
--- a/ui/.devcontainer/devcontainer.json
+++ b/ui/.devcontainer/devcontainer.json
@@ -22,7 +22,8 @@
 			// Add the IDs of extensions you want installed when the container is created.
 			"extensions": [
 				"dbaeumer.vscode-eslint",
-				"octref.vetur"
+				"octref.vetur",
+				"Syler.sass-indented"
 			]
 		}
 	},
diff --git a/ui/.vscode/settings.json b/ui/.vscode/settings.json
index 8a9bbe6..6c1800c 100644
--- a/ui/.vscode/settings.json
+++ b/ui/.vscode/settings.json
@@ -4,5 +4,8 @@
     "source.organizeImports": true
   },
   "git.closeDiffOnOperation": true,
-  "editor.tabSize": 2
+  "editor.tabSize": 2,
+  "sass.disableAutoIndent": true,
+  "sass.format.convert": false,
+  "sass.format.deleteWhitespace": true
 }
\ No newline at end of file
diff --git a/ui/src/main.scss b/ui/src/main.scss
index 8c768bc..b110859 100644
--- a/ui/src/main.scss
+++ b/ui/src/main.scss
@@ -1,3 +1,3 @@
 @charset "utf-8";
 
-@import "~bulma/bulma";
\ No newline at end of file
+@import "~bulma/bulma.sass";
\ No newline at end of file