chore: fix vault badge styling

packages/web/src/javascripts/Components/Vaults/VaultNameBadge.tsx

@@ -8,8 +8,17 @@ type Props = {
 
 const VaultNameBadge: FunctionComponent<Props> = ({ vault }) => {
   return (
-    <div title="Vault name" className="flex rounded bg-success px-1.5 py-1 text-success-contrast select-none">
-      <Icon ariaLabel="Shared in vault" type={vault.iconString} className="mr-1 text-info-contrast" size="medium" />
+    <div
+      title="Vault name"
+      className="flex items-center rounded bg-success px-1.5 py-1 text-success-contrast select-none"
+    >
+      <Icon
+        ariaLabel="Shared in vault"
+        type={vault.iconString}
+        className="mr-1 text-info-contrast"
+        size="medium"
+        emojiSize="small"
+      />
       <span className="mr-auto overflow-hidden text-ellipsis text-xs">{vault.name}</span>
     </div>
   )