diff --git a/static/styles/app_components.css b/static/styles/app_components.css
index 8de60e15c3..ec03416bda 100644
--- a/static/styles/app_components.css
+++ b/static/styles/app_components.css
@@ -585,4 +585,10 @@ div.overlay {
         background-color: hsl(240, 41%, 50%);
         box-shadow: 0 1px 4px hsl(0, 0%, 0%, 0.3);
     }
+
+    &:focus {
+        background-color: hsl(240, 41%, 50%);
+        box-shadow: 0 1px 4px 0 hsl(235, 18%, 7%);
+        outline: none;
+    }
 }
diff --git a/static/styles/night_mode.css b/static/styles/night_mode.css
index 807c37b222..5f2ce7b3b1 100644
--- a/static/styles/night_mode.css
+++ b/static/styles/night_mode.css
@@ -1081,6 +1081,10 @@ body.night-mode {
     .auto-select:focus {
         outline-color: hsl(0, 0%, 67%);
     }
+
+    .animated-purple-button:focus {
+        box-shadow: 0 1px 4px 0 hsl(0, 0%, 100%, 0.666);
+    }
 }
 
 @supports (-moz-appearance: none) {