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>
   )