diff --git a/CHANGES.md b/CHANGES.md
index 1338df163378f82c5583761daeed5fae7317370d..674c87e058f8dbd52bf1a587319074ea32c113eb 100644
--- a/CHANGES.md
+++ b/CHANGES.md
@@ -6,6 +6,7 @@ Changes
 
 ### Unreleased
 
+* 2020-06-22 - Improved SCSS settings to be used with admin_setting_scsscode that validates the code before saving.
 * 2020-06-08 - Adjusted post.scss due to upstream changes in theme Boost.
 * 2020-06-08 - Fixed functionality bug for back to top button.
 * 2020-06-05 - Fixing broken behat step.
diff --git a/settings.php b/settings.php
index bd8acb002b967f2d14a440095ea39a132cefdf29..79f0a421250c5368236fb4c1ab623c016eb8541a 100644
--- a/settings.php
+++ b/settings.php
@@ -163,7 +163,7 @@ if ($ADMIN->fulltree) {
     $name = 'theme_boost_campus/scsspre';
     $title = get_string('rawscsspre', 'theme_boost', null, true);
     $description = get_string('rawscsspre_desc', 'theme_boost', null, true);
-    $setting = new admin_setting_configtextarea($name, $title, $description, '', PARAM_RAW);
+    $setting = new admin_setting_scsscode($name, $title, $description, '', PARAM_RAW);
     $setting->set_updatedcallback('theme_reset_all_caches');
     $page->add($setting);
 
@@ -171,7 +171,7 @@ if ($ADMIN->fulltree) {
     $name = 'theme_boost_campus/scss';
     $title = get_string('rawscss', 'theme_boost', null, true);
     $description = get_string('rawscss_desc', 'theme_boost', null, true);
-    $setting = new admin_setting_configtextarea($name, $title, $description, '', PARAM_RAW);
+    $setting = new admin_setting_scsscode($name, $title, $description, '', PARAM_RAW);
     $setting->set_updatedcallback('theme_reset_all_caches');
     $page->add($setting);