From 9a14a5f68d86083d85878f681671f160318143b4 Mon Sep 17 00:00:00 2001
From: Ahmed Awan <qe66653@umbc.edu>
Date: Mon, 23 Oct 2023 12:21:12 -0500
Subject: [PATCH] use a `border-left` with no margin to highlight current item

---
 client/src/components/History/Content/ContentItem.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/client/src/components/History/Content/ContentItem.vue b/client/src/components/History/Content/ContentItem.vue
index 707ad680af07..b8022e68da8d 100644
--- a/client/src/components/History/Content/ContentItem.vue
+++ b/client/src/components/History/Content/ContentItem.vue
@@ -289,9 +289,13 @@ export default {
     }
 
     // improve focus visibility
-    &:deep(.btn:focus),
-    &.being-used {
+    &:deep(.btn:focus) {
         box-shadow: 0 0 0 0.2rem transparentize($brand-primary, 0.75);
     }
+
+    &.being-used {
+        border-left: 0.25rem solid $brand-primary;
+        margin-left: 0rem !important;
+    }
 }
 </style>