diff --git a/resources/problem.scss b/resources/problem.scss
index 312ea2c..0e15d2f 100644
--- a/resources/problem.scss
+++ b/resources/problem.scss
@@ -437,10 +437,10 @@ ul.problem-list {
     margin-right: auto;
 }
 
-@media screen and (min-width: 1100px) {
+@media screen and (min-width: 11000px) {
     .d-flex-problem {
-        display: -webkit-box !important;
-        display: -ms-flexbox !important;
-        display: flex !important;
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
     }
 }
\ No newline at end of file
diff --git a/resources/vars.scss b/resources/vars.scss
index 70c30a6..fefbf44 100644
--- a/resources/vars.scss
+++ b/resources/vars.scss
@@ -5,6 +5,7 @@ $background_gray: #ededed;
 $background_light_gray: #fafafa;
 $announcement_red: #ae0000;
 $theme_color:  #9c3706;
+$sucess: #28a745;
 
 $base_font_size: 14px;
 $widget_border_radius: 0.5em;
diff --git a/resources/widgets.scss b/resources/widgets.scss
index a7fdbda..6aebda3 100644
--- a/resources/widgets.scss
+++ b/resources/widgets.scss
@@ -743,11 +743,6 @@ ul.errorlist {
     }
 }
 
-
-:root {
-    --green: #28a745;
-}
-
 @media (prefers-reduced-motion: reduce) {
     .btn {
         -webkit-transition: none;
@@ -886,8 +881,8 @@ button:hover, button:focus {
 
 .btn.btn-primary {
     color: #fff;
-    background: var(--green);
-    border-color: var(--green);
+    background: $sucess;
+    border-color: $sucess;
 }
 
 .btn.btn-disabled {
@@ -897,12 +892,12 @@ button:hover, button:focus {
 }
 
 .btn.btn-primary:hover, .btn.btn-primary:focus {
-    border-color: green !important;
-    background: green !important;
+    border-color: green;
+    background: green;
 }
 
 .btn.btn-primary .icon i {
-    color: var(--green);
+    color: $sucess;
 }
 
 .btn.btn-round {