diff --git a/@salix/app/src/styles/margin.scss b/@salix/app/src/styles/margin.scss
index 06698dfc44..d1f77cc350 100644
--- a/@salix/app/src/styles/margin.scss
+++ b/@salix/app/src/styles/margin.scss
@@ -1,85 +1,85 @@
-$margin-none:0;
+$margin-none: 0;
 
 /* Small */
 
-$margin-small:8px;
-$margin-small-top:8px;
-$margin-small-left:8px;
-$margin-small-right:8px;
-$margin-small-bottom:8px;
+$margin-small: 8px;
+$margin-small-top: 8px;
+$margin-small-left: 8px;
+$margin-small-right: 8px;
+$margin-small-bottom: 8px;
 
 /* Medium */
 
-$margin-medium:16px;
-$margin-medium-top:16px;
-$margin-medium-left:16px;
-$margin-medium-right:16px;
-$margin-medium-bottom:16px;
+$margin-medium: 16px;
+$margin-medium-top: 16px;
+$margin-medium-left: 16px;
+$margin-medium-right: 16px;
+$margin-medium-bottom: 16px;
 
 /* Large */
 
-$margin-large:32px;
-$margin-large-top:32px;
-$margin-large-left:32px;
-$margin-large-right:32px;
-$margin-large-bottom:32px;
+$margin-large: 32px;
+$margin-large-top: 32px;
+$margin-large-left: 32px;
+$margin-large-right: 32px;
+$margin-large-bottom: 32px;
 
 /* None */
 
-html [margin-none],.margin-none{
-    margin:$margin-none;
+html [margin-none], .margin-none {
+    margin: $margin-none;
 }
 
 /* Small */
 
-html [margin-small],.margin-small{
-    margin:$margin-small;
+html [margin-small], .margin-small {
+    margin: $margin-small;
 }
-html [margin-small-top],.margin-small-top{
-  margin-top:$margin-small-top;
+html [margin-small-top], .margin-small-top {
+  margin-top: $margin-small-top;
 }
-html [margin-small-left],.margin-small-left{
-  margin-left:$margin-small-left;
+html [margin-small-left], .margin-small-left {
+  margin-left: $margin-small-left;
 }
-html [margin-small-right],.margin-small-right{
-  margin-right:$margin-small-right;
+html [margin-small-right], .margin-small-right {
+  margin-right: $margin-small-right;
 }
-html [margin-small-bottom],.margin-small-bottom{
-  margin-bottom:$margin-small-bottom;
+html [margin-small-bottom], .margin-small-bottom {
+  margin-bottom: $margin-small-bottom;
 }
 
 /* Medium */
 
-html [margin-medium],.margin-medium{
-  margin:$margin-medium;
+html [margin-medium], .margin-medium {
+  margin: $margin-medium;
 }
-html [margin-medium-top],.margin-medium-top{
-  margin-top:$margin-medium-top;
+html [margin-medium-top], .margin-medium-top {
+  margin-top: $margin-medium-top;
 }
-html [margin-medium-left],.margin-medium-left{
-  margin-left:$margin-medium-left;
+html [margin-medium-left], .margin-medium-left {
+  margin-left: $margin-medium-left;
 }
-html [margin-medium-right],.margin-medium-right{
-  margin-right:$margin-medium-right;
+html [margin-medium-right], .margin-medium-right {
+  margin-right: $margin-medium-right;
 }
-html [margin-medium-bottom],.margin-medium-bottom{
-  margin-bottom:$margin-medium-bottom;
+html [margin-medium-bottom], .margin-medium-bottom {
+  margin-bottom: $margin-medium-bottom;
 }
 
 /* Large */
 
-html [margin-large],.margin-large{
-  margin:$margin-large;
+html [margin-large], .margin-large {
+  margin: $margin-large;
 }
-html [margin-large-top],.margin-large-top{
-  margin-top:$margin-large-top;
+html [margin-large-top], .margin-large-top {
+  margin-top: $margin-large-top;
 }
-html [margin-large-left],.margin-large-left{
-  margin-left:$margin-large-left;
+html [margin-large-left], .margin-large-left {
+  margin-left: $margin-large-left;
 }
-html [margin-large-right],.margin-large-right{
-  margin-right:$margin-large-right;
+html [margin-large-right], .margin-large-right {
+  margin-right: $margin-large-right;
 }
-html [margin-large-bottom],.margin-large-bottom{
-  margin-bottom:$margin-large-bottom;
+html [margin-large-bottom], .margin-large-bottom {
+  margin-bottom: $margin-large-bottom;
 }
diff --git a/@salix/app/src/styles/padding.scss b/@salix/app/src/styles/padding.scss
index fbb09429a2..7c925570f1 100644
--- a/@salix/app/src/styles/padding.scss
+++ b/@salix/app/src/styles/padding.scss
@@ -1,84 +1,85 @@
-$pad-none:0;
+$pad-none: 0;
 
 /* Small */
 
-$pad-small:8px;
-$pad-small-top:8px;
-$pad-small-left:8px;
-$pad-small-right:8px;
-$pad-small-bottom:8px;
+$pad-small: 8px;
+$pad-small-top: 8px;
+$pad-small-left: 8px;
+$pad-small-right: 8px;
+$pad-small-bottom: 8px;
 
 /* Medium */
 
-$pad-medium:16px;
-$pad-medium-top:16px;
-$pad-medium-left:16px;
-$pad-medium-right:16px;
-$pad-medium-bottom:16px;
+$pad-medium: 16px;
+$pad-medium-top: 16px;
+$pad-medium-left: 16px;
+$pad-medium-right: 16px;
+$pad-medium-bottom: 16px;
 
 /* Large */
 
-$pad-large:32px;
-$pad-large-top:32px;
-$pad-large-left:32px;
-$pad-large-right:32px;
-$pad-large-bottom:32px;
+$pad-large: 32px;
+$pad-large-top: 32px;
+$pad-large-left: 32px;
+$pad-large-right: 32px;
+$pad-large-bottom: 32px;
 
+/* None */
 
-//NONE
-html [pad-none],.pad-none{
-  padding:$pad-none;
+html [pad-none], .pad-none {
+  padding: $pad-none;
 }
 
-//SMALL
-html [pad-small],.pad-small{
-    padding:$pad-small;
+/* Small */
+
+html [pad-small], .pad-small {
+    padding: $pad-small;
 }
-html [pad-small-top],.pad-small-top{
-  padding-top:$pad-small-top;
+html [pad-small-top], .pad-small-top {
+  padding-top: $pad-small-top;
 }
-html [pad-small-left],.pad-small-left{
-  padding-left:$pad-small-left;
+html [pad-small-left], .pad-small-left {
+  padding-left: $pad-small-left;
 }
-html [pad-small-right],.pad-small-right{
-  padding-right:$pad-small-right;
+html [pad-small-right], .pad-small-right {
+  padding-right: $pad-small-right;
 }
-html [pad-small-bottom],.pad-small-bottom{
-  padding-bottom:$pad-small-bottom;
+html [pad-small-bottom], .pad-small-bottom {
+  padding-bottom: $pad-small-bottom;
 }
 
 /* Medium */
 
-html [pad-medium],.pad-medium{
-  padding:$pad-medium;
+html [pad-medium], .pad-medium {
+  padding: $pad-medium;
 }
-html [pad-medium-top],.pad-medium-top{
-  padding-top:$pad-medium-top;
+html [pad-medium-top], .pad-medium-top {
+  padding-top: $pad-medium-top;
 }
-html [pad-medium-left],.pad-medium-left{
-  padding-left:$pad-medium-left;
+html [pad-medium-left], .pad-medium-left {
+  padding-left: $pad-medium-left;
 }
-html [pad-medium-right],.pad-medium-right{
-  padding-right:$pad-medium-right;
+html [pad-medium-right], .pad-medium-right {
+  padding-right: $pad-medium-right;
 }
-html [pad-medium-bottom],.pad-medium-bottom{
-  padding-bottom:$pad-medium-bottom;
+html [pad-medium-bottom], .pad-medium-bottom {
+  padding-bottom: $pad-medium-bottom;
 }
 
 /* Large */
 
-html [pad-large],.pad-large{
-  padding:$pad-large;
+html [pad-large], .pad-large {
+  padding: $pad-large;
 }
-html [pad-large-top],.pad-medium-large{
-  padding-top:$pad-large-top;
+html [pad-large-top], .pad-medium-large {
+  padding-top: $pad-large-top;
 }
-html [pad-large-left],.pad-large-left{
-  padding-left:$pad-large-left;
+html [pad-large-left], .pad-large-left {
+  padding-left: $pad-large-left;
 }
-html [pad-large-right],.pad-large-right{
-  padding-right:$pad-large-right;
+html [pad-large-right], .pad-large-right {
+  padding-right: $pad-large-right;
+}
+html [pad-large-bottom], .pad-large-bottom {
+  padding-bottom: $pad-large-bottom;
 }
-html [pad-large-bottom],.pad-large-bottom{
-  padding-bottom:$pad-large-bottom;
-}
\ No newline at end of file