Update

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;
     }
 }

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;

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 {