From 2c07fa7687f51bc9b38a42a1951b31c6dcc49d32 Mon Sep 17 00:00:00 2001
From: Wes Risenmay <wes.risenmay@mx.com>
Date: Thu, 17 Sep 2026 10:30:25 -0600
Subject: [PATCH] feat: updating the institution tile to use a tag instead of a
 chip

---
 src/components/InstitutionTile.js | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/src/components/InstitutionTile.js b/src/components/InstitutionTile.js
index 789c467c76..f9319affd1 100644
--- a/src/components/InstitutionTile.js
+++ b/src/components/InstitutionTile.js
@@ -5,8 +5,8 @@ import { __ } from 'src/utilities/Intl'
 
 import { useTokens } from '@kyper/tokenprovider'
 
-import { Button, Chip } from '@mui/material'
-import { Icon, InstitutionLogo } from '@mxenabled/mxui'
+import { Button } from '@mui/material'
+import { Icon, InstitutionLogo, Tag } from '@mxenabled/mxui'
 
 import { formatUrl } from 'src/utilities/FormatUrl'
 import {
@@ -23,9 +23,9 @@ export const InstitutionTile = (props) => {
 
   let statusChip = null
   if (institution.is_disabled_by_client) {
-    statusChip = <Chip color="secondary" label={__('DISABLED')} size="small" sx={styles.chip} />
+    statusChip = <Tag color="error" label={__('DISABLED')} size="xsmall" />
   } else if (institutionStatusIsUnavailable(status)) {
-    statusChip = <Chip color="error" label={__('UNAVAILABLE')} size="small" sx={styles.chip} />
+    statusChip = <Tag color="error" label={__('UNAVAILABLE')} size="xsmall" />
   }
 
   return (
@@ -136,11 +136,6 @@ const getStyles = (tokens) => {
       overflow: 'hidden',
       whiteSpace: 'nowrap',
     },
-    chip: {
-      padding: `${tokens.Spacing.XTiny}px 0`,
-      height: tokens.Spacing.Medium,
-      fontSize: '9px',
-    },
   }
 }