diff --git a/src/assets/scss/bootstrap-override.scss b/src/assets/scss/bootstrap-override.scss
index 1f27bc5..981b779 100644
--- a/src/assets/scss/bootstrap-override.scss
+++ b/src/assets/scss/bootstrap-override.scss
@@ -6,9 +6,35 @@ $theme-colors: (
   light: white
 );
 
-.popover{
-  background-color: #2872AE !important;
-  color: white !important;
+.popover {
+  min-width: 470px !important;
+  max-width: auto !important;
+  border: none !important;
+  border-radius: 1.5rem !important;
+  padding: 0 !important;
+  .popover-body {
+    padding: 0 !important;
+  }
+}
+
+.bs-popover-left .arrow::after,
+.bs-popover-auto[x-placement^="left"] .arrow::after {
+    border-left-color: #2872ae !important; // Any color here
+}
+
+.bs-popover-right .arrow::after,
+.bs-popover-auto[x-placement^="right"] .arrow::after {
+    border-right-color: #2872ae !important; // Any color here
+}
+
+.bs-popover-top .arrow::after,
+.bs-popover-auto[x-placement^="top"] .arrow::after {
+    border-top-color: #2872ae !important; // Any color here
+}
+
+.bs-popover-bottom .arrow::after,
+.bs-popover-auto[x-placement^="bottom"] .arrow::after {
+    border-bottom-color: #2872ae !important; // Any color here
 }
 
 .list-group-item.active {
@@ -16,5 +42,4 @@ $theme-colors: (
   border-color: #2872ae !important;
 }
 
-
 @import "../../../node_modules/bootstrap/scss/bootstrap.scss";