diff --git a/src/assets/scss/bootstrap-override.scss b/src/assets/scss/bootstrap-override.scss
index 83d6f58..4a0a28b 100644
--- a/src/assets/scss/bootstrap-override.scss
+++ b/src/assets/scss/bootstrap-override.scss
@@ -1,14 +1,14 @@
 @import "../../../node_modules/bootstrap/scss/functions";
 @import "../../../node_modules/bootstrap/scss/variables";
-@import "../../../node_modules/bootstrap/scss/bootstrap.scss";
+@import "../../../node_modules/bootstrap/scss/mixins";
+
+$primary: #2872ae;
 
 $theme-colors: (
-  primary: #2872ae !important,
-  light: white !important
+  primary: $primary,
+  light: white
 );
 
-$primary: #2872ae !important;
-
 .popover {
   transform: translate3d(-464px, 0, -34px) !important;
   min-width: 200px !important;
@@ -16,7 +16,7 @@ $primary: #2872ae !important;
   border: none !important;
   border-radius: 1.5rem !important;
   padding: 0 !important;
-  background-color: #2872ae;
+  background-color: $primary !important;
   .popover-body {
     padding: 0 !important;
   }
@@ -24,25 +24,27 @@ $primary: #2872ae !important;
 
 .bs-popover-left .arrow::after,
 .bs-popover-auto[x-placement^="left"] .arrow::after {
-  border-left-color: #2872ae !important;
+  border-left-color: $primary !important;
 }
 
 .bs-popover-right .arrow::after,
 .bs-popover-auto[x-placement^="right"] .arrow::after {
-  border-right-color: #2872ae !important;
+  border-right-color: $primary !important;
 }
 
 .bs-popover-top .arrow::after,
 .bs-popover-auto[x-placement^="top"] .arrow::after {
-  border-top-color: #2872ae !important;
+  border-top-color: $primary !important;
 }
 
 .bs-popover-bottom .arrow::after,
 .bs-popover-auto[x-placement^="bottom"] .arrow::after {
-  border-bottom-color: #2872ae !important;
+  border-bottom-color: $primary !important;
 }
 
 .list-group-item.active {
-  background-color: #2872ae !important;
-  border-color: #2872ae !important;
+  background-color: $primary !important;
+  border-color: $primary !important;
 }
+
+@import "../../../node_modules/bootstrap/scss/bootstrap";