diff --git a/src/webui/www/private/css/Tabs.css b/src/webui/www/private/css/Tabs.css
index 41933adcc..3572680c0 100644
--- a/src/webui/www/private/css/Tabs.css
+++ b/src/webui/www/private/css/Tabs.css
@@ -36,8 +36,8 @@ Required by:
 
 .tab-menu li a {
     background-color: var(--color-background-default);
-    color: var(--color-text-default);
     border-radius: 5px 5px 0 0;
+    color: var(--color-text-default);
     display: block;
     font-weight: normal;
     margin-left: 8px;
@@ -48,6 +48,5 @@ Required by:
 .tab-menu li.selected a {
     background-color: var(--color-background-blue);
     color: var(--color-text-white);
-
     font-weight: bold;
 }
diff --git a/src/webui/www/private/css/Window.css b/src/webui/www/private/css/Window.css
index c9031192b..34265d38c 100644
--- a/src/webui/www/private/css/Window.css
+++ b/src/webui/www/private/css/Window.css
@@ -27,8 +27,8 @@ Required by:
 .mochaOverlay {
     left: 0;
     position: absolute; /* This is also set in theme.js in order to make theme transitions smoother */
-    top: 0;
     background-color: var(--color-background-default);
+    top: 0;
     border-radius: 5px;
     height: auto!important; /* #19844 also fixes out of block issue */
 }
@@ -45,8 +45,8 @@ Required by:
 */
 
 .mochaTitlebar {
-    border-radius: 5px;
     background-color: var(--color-background-default);
+    border-radius: 5px;
     overflow: hidden;
     width: 100%;
 }
@@ -74,8 +74,8 @@ div.mochaToolbarWrapper.bottom {
 
 .mochaToolbar {
     border-top: 1px solid var(--color-border-default);
-    padding-top: 4px;
     height: auto !important;
+    padding-top: 4px;
     width: 100%; /* For IE */
 }
 
diff --git a/src/webui/www/private/css/dynamicTable.css b/src/webui/www/private/css/dynamicTable.css
index 060f2ad26..307d97a5f 100644
--- a/src/webui/www/private/css/dynamicTable.css
+++ b/src/webui/www/private/css/dynamicTable.css
@@ -53,8 +53,8 @@ tr.dynamicTableHeader {
 }
 
 .dynamicTable td {
-    padding: 0 4px;
     border-bottom: 1px solid transparent;
+    padding: 0 4px;
     white-space: nowrap;
 }
 
diff --git a/src/webui/www/private/css/palette.css b/src/webui/www/private/css/palette.css
index 0862d2942..8ecb51cfb 100644
--- a/src/webui/www/private/css/palette.css
+++ b/src/webui/www/private/css/palette.css
@@ -2,19 +2,17 @@
 
 /* Default rules */
 * {
-    --color-text-blue: hsl(210, 100%, 55%);
-    --color-text-orange: hsl(26, 100%, 45%);
-    --color-text-red: hsl(0, 100%, 65%);
-    --color-text-green: hsl(110, 94%, 27%);
-    --color-text-white: hsl(0, 0%, 100%);
-    --color-text-disabled: hsl(0, 0%, 60%);
-    --color-text-default: hsl(0, 0%, 33%);
-
-    --color-background-blue: hsl(210, 42%, 48%);
-    --color-background-popup: hsl(0, 0%, 100%);
-    --color-background-default: hsl(0, 0%, 94%);
-
-    --color-border-default: hsl(0, 0%, 85%);
+    --color-text-blue: hsl(210deg, 100%, 55%);
+    --color-text-orange: hsl(26deg, 100%, 45%);
+    --color-text-red: hsl(0deg, 100%, 65%);
+    --color-text-green: hsl(110deg, 94%, 27%);
+    --color-text-white: hsl(0deg, 0%, 100%);
+    --color-text-disabled: hsl(0deg, 0%, 60%);
+    --color-text-default: hsl(0deg, 0%, 33%);
+    --color-background-blue: hsl(210deg, 42%, 48%);
+    --color-background-popup: hsl(0deg, 0%, 100%);
+    --color-background-default: hsl(0deg, 0%, 94%);
+    --color-border-default: hsl(0deg, 0%, 85%);
 }
 
 :root {
@@ -37,11 +35,9 @@
     }
 
     * {
-        --color-text-default: hsl(0, 0%, 90%);
-
-        --color-background-popup: hsl(0, 0%, 20%);
-        --color-background-default: hsl(0, 0%, 30%);
-
-        --color-border-default: hsl(0, 0%, 33%);
+        --color-text-default: hsl(0deg, 0%, 90%);
+        --color-background-popup: hsl(0deg, 0%, 20%);
+        --color-background-default: hsl(0deg, 0%, 30%);
+        --color-border-default: hsl(0deg, 0%, 33%);
     }
 }
diff --git a/src/webui/www/private/css/style.css b/src/webui/www/private/css/style.css
index f86b7946d..3730cddbe 100644
--- a/src/webui/www/private/css/style.css
+++ b/src/webui/www/private/css/style.css
@@ -124,8 +124,8 @@ pre {
 
 hr {
     background-color: var(--color-background-default);
-    color: var(--color-text-default);
     border: 0px;
+    color: var(--color-text-default);
     height: 1px;
 }
 
@@ -265,8 +265,8 @@ a.propButton img {
 .contextMenu li img {
     height: 16px;
     margin-bottom: -4px;
-    width: 16px;
     margin-right: 0.5em; /*#19844 return missed padding */
+    width: 16px;
 }
 
 .contextMenu li input[type="checkbox"] {
@@ -369,12 +369,12 @@ a.propButton img {
     background-image: url("../images/edit-find.svg");
     background-position: left;
     background-repeat: no-repeat;
-    background-size: 1.5em;
     background-color: var(--color-background-default);
+    background-size: 1.5em;
     border: 1px solid var(--color-border-default);
     border-radius: 3px;
-    padding: 4px 4px 4px 25px;
     min-width: 160px;
+    padding: 4px 4px 4px 25px;
 }
 
 #torrentFilesFilterToolbar {
@@ -466,8 +466,8 @@ ul.filterList {
 
 ul.filterList a {
     color: var(--color-text-default);
-    padding: 4px 6px;
     display: block;
+    padding: 4px 6px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;