chore: improve note view vault info style (#2488)

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

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