diff --git a/static/includes/_forms.scss b/static/includes/_forms.scss
index 54effe7e..416c5880 100644
--- a/static/includes/_forms.scss
+++ b/static/includes/_forms.scss
@@ -197,6 +197,9 @@ input[type="radio"] {
 		@if $widget-focus-outline == none {
 			outline: $widget-border;
 			outline-style: dotted;
+			@if extract-color($widget-border) == transparent {
+				outline-color: #444;
+			}
 		} @else {
 			outline: $widget-focus-outline;
 			outline-offset: $widget-focus-outline-offset;
@@ -401,6 +404,9 @@ div.select2-search {
 			&:focus + span {
 				@if $widget-focus-outline == none {
 					outline: $widget-border;
+					@if extract-color($widget-border) == transparent {
+						outline-color: #444;
+					}
 					outline-style: dotted;
 				} @else {
 					outline: $widget-focus-outline;
diff --git a/static/includes/_utils.scss b/static/includes/_utils.scss
index 2f390f2d..49fd760c 100644
--- a/static/includes/_utils.scss
+++ b/static/includes/_utils.scss
@@ -22,3 +22,8 @@ $black: #000000 !default;
 		@return $white;
 	}
 }
+
+@function extract-color($border){
+	@each $part in $border { @if type-of($part) == color { @return $part; } }
+	@return null;
+}