refactor dropdown toggle style

packages/app/src/styles/theme/_reboot-bootstrap-theme-colors.scss

@@ -27,13 +27,22 @@
   .btn-outline-#{$color} {
     @include button-outline-variant($value, $color-hover: $value, $active-background: rgba($value, 0.1), $active-border: $value);
     @include mixins.button-outline-svg-icon-variant($value, $color-hover: $value);
+
     &:not(:disabled):not(.disabled):active,
-    &:not(:disabled):not(.disabled).active,
-    .show > &.dropdown-toggle {
+    &:not(:disabled):not(.disabled).active {
       color: $value;
+      background-color: rgba($value, 0.1);
+      border-color: $value;
     }
+
     box-shadow: none !important;
   }
+
+  .show > .btn-outline-#{$color}.dropdown-toggle {
+    color: $value;
+    background-color: rgba($value, 0.1);
+    border-color: $value;
+  }
 }
 
 @each $theme-color, $color in $theme-colors {