diff --git a/ui/src/Styles/Components/FilterInput.scss b/ui/src/Styles/Components/FilterInput.scss
index 09043fd8e..408aefac8 100644
--- a/ui/src/Styles/Components/FilterInput.scss
+++ b/ui/src/Styles/Components/FilterInput.scss
@@ -34,5 +34,5 @@ input.components-filterinput-wrapper {
 }
 
 .bg-focused {
-  background-color: lighten($blue, 5%);
+  background-color: $bg-focused;
 }
diff --git a/ui/src/Styles/DarkTheme.scss b/ui/src/Styles/DarkTheme.scss
index 6cb88f64b..9725c5405 100644
--- a/ui/src/Styles/DarkTheme.scss
+++ b/ui/src/Styles/DarkTheme.scss
@@ -81,6 +81,7 @@ $filter-input-hoover-color: $white;
 $placeholder-color: $gray-600;
 $filterinput-border: $navbar-dark-color;
 $grid-swimlane-bg: lighten($dark, 2%);
+$bg-focused: darken($blue, 5%);
 
 $datepicker__background-color: $gray-700;
 $datepicker__border-color: $gray-800;
diff --git a/ui/src/Styles/LightTheme.scss b/ui/src/Styles/LightTheme.scss
index 3b4ca6831..a95aa00cb 100644
--- a/ui/src/Styles/LightTheme.scss
+++ b/ui/src/Styles/LightTheme.scss
@@ -63,6 +63,7 @@ $filter-input-hoover-color: $black;
 $placeholder-color: $secondary;
 $filterinput-border: $navbar-dark-color;
 $grid-swimlane-bg: lighten($dark, 2%);
+$bg-focused: lighten($blue, 5%);
 
 $datepicker__background-color: $white;
 $datepicker__border-color: $gray-300;