From bd04eb8a206c962288e440fe7e995ef4b5df9f6a Mon Sep 17 00:00:00 2001
From: Matt Hill <MattDHill@users.noreply.github.com>
Date: Mon, 21 Feb 2022 10:18:56 -0700
Subject: [PATCH] show bottom border on input focus (#1235)

---
 frontend/projects/ui/src/styles.scss | 4 ----
 frontend/styles/global.scss          | 4 ++++
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/projects/ui/src/styles.scss b/frontend/projects/ui/src/styles.scss
index 0f7086c94..c0b35bdb5 100644
--- a/frontend/projects/ui/src/styles.scss
+++ b/frontend/projects/ui/src/styles.scss
@@ -102,10 +102,6 @@ $subheader-height: 48px;
   border-style: none;
 }
 
-.item-interactive {
-  --highlight-background: var(--ion-color-light) !important;
-}
-
 .center {
   display: block;
   margin: auto;
diff --git a/frontend/styles/global.scss b/frontend/styles/global.scss
index d6a94787a..e8ec3b1fc 100644
--- a/frontend/styles/global.scss
+++ b/frontend/styles/global.scss
@@ -29,6 +29,10 @@ ion-input {
   caret-color: gray;
 }
 
+.item-interactive {
+  --highlight-background: var(--ion-color-light) !important;
+}
+
 ion-modal::part(content) {
   position: absolute;
   height: 90% !important;