diff --git a/src/app/components/Clients.module.css b/src/app/components/Clients.module.css
index ca8031e..5615405 100644
--- a/src/app/components/Clients.module.css
+++ b/src/app/components/Clients.module.css
@@ -20,7 +20,8 @@
   padding: 1rem;
 }
 
-.clientContainer {
+.clientContainer,
+.selectedClientContainer {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -28,6 +29,10 @@
   font-size: 0.8rem;
 }
 
+.selectedClientContainer {
+  border-bottom: 2px solid #0b3766;
+}
+
 .official {
   color: #ee7203;
   font-weight: bold;
diff --git a/src/app/components/Clients.tsx b/src/app/components/Clients.tsx
index 45c3037..a19b0de 100644
--- a/src/app/components/Clients.tsx
+++ b/src/app/components/Clients.tsx
@@ -102,7 +102,13 @@ export default function Clients({
             key={client.name}
             className={styles.client}
           >
-            <div className={styles.clientContainer}>
+            <div
+              className={
+                selectedClient.name === client.name
+                  ? styles.selectedClientContainer
+                  : styles.clientContainer
+              }
+            >
               <div
                 className={styles.clientSvg}
                 dangerouslySetInnerHTML={{