diff --git a/app/modules/navigation-bar/navigation-bar.scss b/app/modules/navigation-bar/navigation-bar.scss
index 920a1eea..469ecb8d 100644
--- a/app/modules/navigation-bar/navigation-bar.scss
+++ b/app/modules/navigation-bar/navigation-bar.scss
@@ -5,7 +5,7 @@ $dropdown-width: 350px;
     height: $navbar;
     justify-content: space-between;
     position: relative;
-    &:after {
+    &::after {
         background-size: 200%;
         bottom: 0;
         content: '';
diff --git a/app/styles/components/notification-message.scss b/app/styles/components/notification-message.scss
index daf23d06..a0c93c13 100644
--- a/app/styles/components/notification-message.scss
+++ b/app/styles/components/notification-message.scss
@@ -1,6 +1,6 @@
 .notification-message-success {
     background: rgba($primary-light, .95);
-    box-shadow: 0 25px 10px -15px rgba(0, 0, 0, .05);
+    box-shadow: 0 25px 10px -15px rgba($black, .05);
     opacity: 1;
     right: -370px;
     top: 2%;
diff --git a/app/styles/core/elements.scss b/app/styles/core/elements.scss
index 2d50b9f1..973d8346 100644
--- a/app/styles/core/elements.scss
+++ b/app/styles/core/elements.scss
@@ -11,7 +11,7 @@ blockquote {
     cite {
         @extend %small;
         display: block;
-        &:before {
+        &::before {
             content: '\2014 \0020';
         }
     }
diff --git a/app/styles/core/reset.scss b/app/styles/core/reset.scss
index 99deddc2..1b431829 100644
--- a/app/styles/core/reset.scss
+++ b/app/styles/core/reset.scss
@@ -122,10 +122,10 @@ q {
     quotes: none;
 }
 
-blockquote:before,
-blockquote:after,
-q:before,
-q:after {
+blockquote::before,
+blockquote::after,
+q::before,
+q::after {
     content: '';
 }
 
diff --git a/app/styles/core/typography.scss b/app/styles/core/typography.scss
index 0f450bb3..a46ed8a6 100755
--- a/app/styles/core/typography.scss
+++ b/app/styles/core/typography.scss
@@ -111,7 +111,7 @@ a:visited {
 }
 
 // Taiga Icons
-[data-icon]:before {
+[data-icon]::before {
 
     // scss-lint:disable ImportantRule
     content: attr(data-icon);
@@ -126,8 +126,8 @@ a:visited {
     text-transform: none !important;
 }
 
-[class^='icon-']:before,
-[class*=' icon-']:before {
+[class^='icon-']::before,
+[class*=' icon-']::before {
 
     // scss-lint:disable ImportantRule
     font-family: 'taiga' !important;
@@ -141,156 +141,156 @@ a:visited {
     text-transform: none !important;
 }
 
-.icon-bug:before {
+.icon-bug::before {
     content: 'a';
 }
-.icon-copy:before {
+.icon-copy::before {
     content: 'b';
 }
-.icon-minimize:before {
+.icon-minimize::before {
     content: 'c';
 }
-.icon-maximize:before {
+.icon-maximize::before {
     content: 'd';
 }
-.icon-comment:before {
+.icon-comment::before {
     content: 'e';
 }
-.icon-plus:before {
+.icon-plus::before {
     content: 'f';
 }
-.icon-attachments:before {
+.icon-attachments::before {
     content: 'g';
 }
-.icon-edit:before {
+.icon-edit::before {
     content: 'h';
 }
-.icon-documents:before {
+.icon-documents::before {
     content: 'i';
 }
-.icon-delete:before {
+.icon-delete::before {
     content: 'j';
 }
-.icon-arrow-bottom:before {
+.icon-arrow-bottom::before {
     content: 'k';
 }
-.icon-arrow-left:before {
+.icon-arrow-left::before {
     content: 'l';
 }
-.icon-arrow-right:before {
+.icon-arrow-right::before {
     content: 'm';
 }
-.icon-arrow-up:before {
+.icon-arrow-up::before {
     content: 'n';
 }
-.icon-briefcase:before {
+.icon-briefcase::before {
     content: 'o';
 }
-.icon-caret-down:before {
+.icon-caret-down::before {
     content: 'p';
 }
-.icon-caret-up:before {
+.icon-caret-up::before {
     content: 'q';
 }
-.icon-check-square:before {
+.icon-check-square::before {
     content: 'r';
 }
-.icon-notification-error:before {
+.icon-notification-error::before {
     content: 's';
 }
-.icon-settings:before {
+.icon-settings::before {
     content: 't';
 }
-.icon-document:before {
+.icon-document::before {
     content: 'u';
 }
-.icon-warning:before {
+.icon-warning::before {
     content: 'v';
 }
-.icon-move:before {
+.icon-move::before {
     content: 'w';
 }
-.icon-drag-v:before {
+.icon-drag-v::before {
     content: 'x';
 }
-.icon-filter:before {
+.icon-filter::before {
     content: 'y';
 }
-.icon-help:before {
+.icon-help::before {
     content: 'z';
 }
-.icon-reload:before {
+.icon-reload::before {
     content: 'A';
 }
-.icon-writer:before {
+.icon-writer::before {
     content: 'B';
 }
-.icon-stats:before {
+.icon-stats::before {
     content: 'C';
 }
-.icon-floppy:before {
+.icon-floppy::before {
     content: 'D';
 }
-.icon-warning-alt:before {
+.icon-warning-alt::before {
     content: 'E';
 }
-.icon-video:before {
+.icon-video::before {
     content: 'F';
 }
-.icon-bulk:before {
+.icon-bulk::before {
     content: 'G';
 }
-.icon-vunfold:before {
+.icon-vunfold::before {
     content: 'H';
 }
-.icon-tasks:before {
+.icon-tasks::before {
     content: 'I';
 }
-.icon-kanban:before {
+.icon-kanban::before {
     content: 'J';
 }
-.icon-search:before {
+.icon-search::before {
     content: 'K';
 }
-.icon-wiki:before {
+.icon-wiki::before {
     content: 'L';
 }
-.icon-team:before {
+.icon-team::before {
     content: 'M';
 }
-.icon-vfold:before {
+.icon-vfold::before {
     content: 'N';
 }
-.icon-issues:before {
+.icon-issues::before {
     content: 'O';
 }
-.icon-iocaine:before {
+.icon-iocaine::before {
     content: 'P';
 }
-.icon-archive:before {
+.icon-archive::before {
     content: 'Q';
 }
-.icon-capslock:before {
+.icon-capslock::before {
     content: 'R';
 }
-.icon-upload:before {
+.icon-upload::before {
     content: 'S';
 }
-.icon-github:before {
+.icon-github::before {
     content: 'T';
 }
-.icon-timeline:before {
+.icon-timeline::before {
     content: 'U';
 }
-.icon-scrum:before {
+.icon-scrum::before {
     content: 'V';
 }
-.icon-project:before {
+.icon-project::before {
     content: 'W';
 }
-.icon-heart:before {
+.icon-heart::before {
     content: 'X';
 }
-.icon-eye:before {
+.icon-eye::before {
     content: 'Y';
 }
diff --git a/app/styles/modules/common/nav.scss b/app/styles/modules/common/nav.scss
index 82d6c1d6..6dca70cf 100644
--- a/app/styles/modules/common/nav.scss
+++ b/app/styles/modules/common/nav.scss
@@ -25,7 +25,7 @@ tg-project-menu {
         .helper {
             @extend %small;
             animation: slideLeft 200ms ease-in-out both;
-            background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .8) 100%);
+            background: linear-gradient(to right, rgba($black, 1) 0%, rgba($black, .8) 100%);
             color: $white;
             display: block;
             left: 50px;
@@ -36,7 +36,7 @@ tg-project-menu {
             transition: all .2s;
             white-space: nowrap;
             z-index: 99;
-            &:after {
+            &::after {
                 background: rgba($blackish, 1);
                 content: '';
                 height: $label-arrow-wh;
diff --git a/app/themes/high-contrast/custom.scss b/app/themes/high-contrast/custom.scss
index 1bb79bd3..a133091b 100644
--- a/app/themes/high-contrast/custom.scss
+++ b/app/themes/high-contrast/custom.scss
@@ -137,7 +137,7 @@ cite {
 // Top navigation bar
 .navbar {
     background: $black;
-    &:after {
+    &::after {
         background: url('../images/menu-vert.png') repeat top left;
     }
     a {
diff --git a/app/themes/material-design/custom.scss b/app/themes/material-design/custom.scss
index 472ad2b4..e37abb23 100644
--- a/app/themes/material-design/custom.scss
+++ b/app/themes/material-design/custom.scss
@@ -125,7 +125,7 @@ cite {
 // Top navigation bar
 .navbar {
     background: rgba($red-amaranth, .6);
-    &:after {
+    &::after {
         background: url('../images/menu-vert.png') repeat top left;
     }
 }
diff --git a/app/themes/taiga/custom.scss b/app/themes/taiga/custom.scss
index 6bb7c4c8..08adf274 100644
--- a/app/themes/taiga/custom.scss
+++ b/app/themes/taiga/custom.scss
@@ -107,7 +107,7 @@ cite {
 // Top navigation bar
 .navbar {
     background: rgba($black, .5);
-    &:after {
+    &::after {
         background: url('../images/menu-vert.png') repeat top left;
     }
 }