diff --git a/README.md b/README.md
index 6f8ea8d..c8a31e1 100644
--- a/README.md
+++ b/README.md
@@ -3,7 +3,10 @@
 
 MediaWiki Extension for Liquipedia
 
+Whilst this extension is open source, it has a close source dependency. If you want to use this extension you will have to patch it to use some other means to compile SCSS.
+
 # Installation
+* Install Liquipedias SCSS extension
 * Extract the extension folder to extensions/NetworkNotice/
 * Add the following line to LocalSettings.php:
 
diff --git a/extension.json b/extension.json
index 3087c01..e821d8b 100644
--- a/extension.json
+++ b/extension.json
@@ -1,6 +1,6 @@
 {
 	"name": "NetworkNotice",
-	"version": "3.3.0",
+	"version": "4.0.0",
 	"author": [
 		"Tephus",
 		"[https://fo-nttax.de Alex Winkler]"
@@ -10,7 +10,10 @@
 	"license-name": "MIT",
 	"type": "other",
 	"requires": {
-		"MediaWiki": ">= 1.39.3"
+		"MediaWiki": ">= 1.43.0",
+		"extensions": {
+			"SCSS": "*"
+		}
 	},
 	"MessagesDirs": {
 		"NetworkNotice": [
@@ -49,8 +52,9 @@
 	},
 	"ResourceModules": {
 		"ext.networknotice.Notice.styles": {
+			"class": "\\Liquipedia\\Extension\\SCSS\\ResourceLoaderScssModule",
 			"styles": [
-				"styles/ext.networknotice.Notice.less"
+				"styles/ext.networknotice.Notice.scss"
 			],
 			"position": "bottom"
 		},
diff --git a/resources/styles/ext.networknotice.Notice.less b/resources/styles/ext.networknotice.Notice.scss
similarity index 95%
rename from resources/styles/ext.networknotice.Notice.less
rename to resources/styles/ext.networknotice.Notice.scss
index afd1e85..73b8ea2 100644
--- a/resources/styles/ext.networknotice.Notice.less
+++ b/resources/styles/ext.networknotice.Notice.scss
@@ -8,7 +8,7 @@
 	padding: 0 0 0 1.5rem;
 	font-size: 0.875rem;
 	align-items: center;
-	background-color: #ffffff; // default for Bruinen & LakesideView light theme
+	background-color: #ffffff; /* default for Bruinen & LakesideView light theme */
 	margin-bottom: 0.5rem;
 
 	@media ( min-width: 768px ) {