From 6f6600ebd61b8dc0bea2e81a98f7d3500b5f3bd7 Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Tue, 12 Sep 2023 16:38:35 +0530
Subject: [PATCH] chore: change vault name badge style

---
 .../Components/Vaults/VaultNameBadge.tsx            | 13 ++-----------
 1 file changed, 2 insertions(+), 11 deletions(-)

diff --git a/packages/web/src/javascripts/Components/Vaults/VaultNameBadge.tsx b/packages/web/src/javascripts/Components/Vaults/VaultNameBadge.tsx
index 46504065a..9481939aa 100644
--- a/packages/web/src/javascripts/Components/Vaults/VaultNameBadge.tsx
+++ b/packages/web/src/javascripts/Components/Vaults/VaultNameBadge.tsx
@@ -8,17 +8,8 @@ type Props = {
 
 const VaultNameBadge: FunctionComponent<Props> = ({ vault }) => {
   return (
-    <div
-      title="Vault name"
-      className="flex select-none items-center rounded bg-success px-1.5 py-1 text-success-contrast"
-    >
-      <Icon
-        ariaLabel="Shared in vault"
-        type={vault.iconString}
-        className="mr-1 text-info-contrast"
-        size="medium"
-        emojiSize="small"
-      />
+    <div title="Vault name" className="flex select-none items-center rounded border border-passive-2 px-1.5 py-1">
+      <Icon ariaLabel="Shared in vault" type={vault.iconString} className="mr-1" size="medium" emojiSize="small" />
       <span className="mr-auto overflow-hidden text-ellipsis text-sm font-semibold lg:text-xs">{vault.name}</span>
     </div>
   )