diff --git a/src/styles/common-button-styles.scss b/src/styles/common-button-styles.scss
index 5534c61c0..323ad5552 100644
--- a/src/styles/common-button-styles.scss
+++ b/src/styles/common-button-styles.scss
@@ -16,6 +16,8 @@
     &:focus-visible { // Keyboard focus for accessibility
       outline: none;
       box-shadow: 0 0 0 3px, 0 0 0 5.5px $blue-700;
+      color: $white;
+      @include blue-gradient;
     }
     &:disabled {
       background: $gray-100 !important;
@@ -42,6 +44,8 @@
     &:focus-visible { // Keyboard focus for accessibility
       outline: none;
       box-shadow: 0 0 0 3px $white, 0 0 0 5.5px $blue-700;
+      color: $white;
+      @include blue-gradient;
     }
     &:disabled {
       background: transparent;
diff --git a/src/ux-components/alert/alert.vue b/src/ux-components/alert/alert.vue
index 043fae922..7358073df 100644
--- a/src/ux-components/alert/alert.vue
+++ b/src/ux-components/alert/alert.vue
@@ -39,10 +39,14 @@ export default {
   .btn-close {
     background: none;
     opacity: 1;
+    width: .75rem;
+    height: .75rem;
   }
   &.alert-dismissible {
     button {
       display: flex;
+      top: 2px;
+      right: 2px;
     }
   }
   &.alert-info {