diff --git a/src/scss/alert/alert.scss b/src/scss/alert/alert.scss
index 8b60b880..e5c84070 100644
--- a/src/scss/alert/alert.scss
+++ b/src/scss/alert/alert.scss
@@ -69,8 +69,8 @@ joomla-alert {
   padding: $alert-padding-y $alert-padding-x;
   margin-bottom: $alert-margin-bottom;
   border: $alert-border-width solid transparent;
-  opacity: 0;
   border-radius: $alert-border-radius;
+  opacity: 0;
   transition: $transition-fade;
 
   @media screen and (prefers-reduced-motion: reduce) {
diff --git a/src/scss/dropdown/dropdown.scss b/src/scss/dropdown/dropdown.scss
index 31abd775..0f2e04a4 100644
--- a/src/scss/dropdown/dropdown.scss
+++ b/src/scss/dropdown/dropdown.scss
@@ -17,8 +17,8 @@ joomla-dropdown {
   top: 30px;
   left: 0;
   z-index: 1000;
-  display: none;
   box-sizing: border-box;
+  display: none;
   min-width: 10rem;
   margin-top: .5rem;
   font-size: 1rem;
diff --git a/src/scss/modal/modal.scss b/src/scss/modal/modal.scss
index 62d1ea3d..7122496a 100644
--- a/src/scss/modal/modal.scss
+++ b/src/scss/modal/modal.scss
@@ -165,8 +165,8 @@ joomla-modal {
       display: -ms-flexbox;
       display: flex;
       -ms-flex-align: center;
-      align-items: center;
       -ms-flex-pack: end;
+      align-items: center;
       justify-content: flex-end;
       padding: 15px;
       border-top: 1px solid #e9ecef;
diff --git a/src/scss/tab/tab.scss b/src/scss/tab/tab.scss
index ce6840a7..161659af 100644
--- a/src/scss/tab/tab.scss
+++ b/src/scss/tab/tab.scss
@@ -13,129 +13,149 @@
 
 joomla-tab {
   display: flex;
-  flex-direction: column; }
+  flex-direction: column;
+}
 
 joomla-tab > ul {
   display: flex;
+  padding: 0;
+  margin: 0;
+  overflow-x: auto;
+  overflow-y: hidden;
+  white-space: nowrap;
+  list-style: outside none none;
   background-color: #f5f5f5;
   border-color: #ccc #ccc currentcolor;
-  border-image: none;
-  border-radius: .25rem .25rem 0 0;
   border-style: solid solid none;
   border-width: 1px 1px 0;
-  box-shadow: 0 1px #fff inset, 0 2px 3px -3px rgba(0, 0, 0, 0.15), 0 -4px 0 rgba(0, 0, 0, 0.05) inset, 0 0 3px rgba(0, 0, 0, 0.04);
-  margin: 0;
-  padding: 0;
-  list-style: outside none none;
-  overflow-x: auto;
-  overflow-y: hidden;
-  white-space: nowrap; }
+  border-radius: .25rem .25rem 0 0;
+  border-image: none;
+  box-shadow: 0 1px #fff inset, 0 2px 3px -3px rgba(0, 0, 0, .15), 0 -4px 0 rgba(0, 0, 0, .05) inset, 0 0 3px rgba(0, 0, 0, .04);
+}
 
 joomla-tab a[role=tab] {
+  position: relative;
   display: block;
-  color: #0d1321;
   padding: .75em 1em;
-  position: relative;
-  box-shadow: 1px 0 0 rgba(0, 0, 0, 0.05);
-  text-decoration: none; }
+  color: #0d1321;
+  text-decoration: none;
+  box-shadow: 1px 0 0 rgba(0, 0, 0, .05);
+}
 
 joomla-tab a[role=tab][active] {
-  background-color: rgba(0, 0, 0, 0.03);
-  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.05) 100%);
-  border-left: 0 none;
+  background-color: rgba(0, 0, 0, .03);
+  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .05) 100%);
   border-right: 0 none;
+  border-left: 0 none;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
-  box-shadow: 2px 0 1px -1px rgba(0, 0, 0, 0.08) inset, -2px 0 1px -1px rgba(0, 0, 0, 0.08) inset, 0 1px 0 rgba(0, 0, 0, 0.02) inset; }
+  box-shadow: 2px 0 1px -1px rgba(0, 0, 0, .08) inset, -2px 0 1px -1px rgba(0, 0, 0, .08) inset, 0 1px 0 rgba(0, 0, 0, .02) inset;
+}
 
-joomla-tab a[role=tab][active]:after {
-  background-color: #006898;
+joomla-tab a[role=tab][active]::after {
+  position: absolute;
+  right: 0;
   bottom: -1px;
-  content: "";
-  height: 5px;
   left: 0;
+  height: 5px;
+  content: "";
+  background-color: #006898;
   opacity: .8;
-  position: absolute;
-  right: 0; }
+}
 
 joomla-tab > section {
   position: relative;
   display: none;
+  padding: 15px;
   background-color: #fefefe;
   border: 1px solid #ccc;
   border-radius: 0 0 .25rem .25rem;
-  box-shadow: 0 0 3px rgba(0, 0, 0, 0.04);
-  padding: 15px; }
+  box-shadow: 0 0 3px rgba(0, 0, 0, .04);
+}
 
 joomla-tab > section[active] {
-  display: block; }
+  display: block;
+}
 
 joomla-tab[orientation=vertical] {
   flex-direction: row;
-  align-items: flex-start; }
+  align-items: flex-start;
+}
 
 joomla-tab[orientation=vertical] > ul {
   flex-direction: column;
   min-width: 30%;
   height: auto;
+  overflow: hidden;
   border: 1px solid #ccc;
   border-radius: .25rem;
   box-shadow: none;
-  overflow: hidden; }
+}
 
 joomla-tab[orientation=vertical] li:last-of-type a {
-  border-bottom: 0; }
+  border-bottom: 0;
+}
 
 joomla-tab[orientation=vertical] a {
+  position: relative;
   display: block;
-  color: #0d1321;
   padding: .75em 1em;
-  position: relative;
+  color: #0d1321;
+  text-decoration: none;
   border-bottom: 1px solid #ddd;
   box-shadow: none;
-  text-decoration: none; }
+}
 
 joomla-tab[orientation=vertical] a[active] {
-  border-left: 0 none;
-  border-right: 0 none;
   background-color: #fff;
   background-image: none;
-  box-shadow: none; }
+  border-right: 0 none;
+  border-left: 0 none;
+  box-shadow: none;
+}
 
-joomla-tab[orientation=vertical] a[active]:after {
+joomla-tab[orientation=vertical] a[active]::after {
+  top: 0;
+  bottom: 0;
   left: -1px;
   width: 5px;
   height: auto;
-  top: 0;
-  bottom: 0; }
+}
 
 joomla-tab[orientation=vertical] > section {
+  padding: 15px;
   border: 0 none;
   box-shadow: none;
-  padding: 15px; }
+}
 
 joomla-tab[view=accordion] > ul {
   flex-direction: column;
-  border-radius: .25rem;
   white-space: normal;
-  box-shadow: 0 1px #fff inset, 0 0 3px rgba(0, 0, 0, 0.04); }
+  border-radius: .25rem;
+  box-shadow: 0 1px #fff inset, 0 0 3px rgba(0, 0, 0, .04);
+}
 
 joomla-tab[view=accordion] section {
   display: none;
-  padding: 15px; }
+  padding: 15px;
+}
 
 joomla-tab[view=accordion] section[active] {
   display: block;
-  border-bottom: 1px solid #ddd; }
+  border-bottom: 1px solid #ddd;
+}
 
 joomla-tab[view=accordion] [active] {
-  background-color: #fff; }
+  background-color: #fff;
+}
 
 joomla-tab[view=accordion] a[role=tab] {
-  border-bottom: 1px solid #ddd; }
+  border-bottom: 1px solid #ddd;
+}
 
-joomla-tab[view=accordion] a[role=tab][active]:after {
+joomla-tab[view=accordion] a[role=tab][active]::after {
+  top: 0;
+  left: 0;
   width: 5px;
   height: 100%;
-  top: 0;
-  left: 0; }
+}