fix: add explicit height/width for logo to reduce cls

components/account/AccountHeader.vue

@@ -91,7 +91,7 @@ watchEffect(() => {
 <template>
   <div flex flex-col>
     <button border="b base" z-1>
-      <img h-50 w-full object-cover :src="account.header" :alt="t('account.profile_description', [account.username])" @click="previewHeader">
+      <img h-50 height="200" w-full object-cover :src="account.header" :alt="t('account.profile_description', [account.username])" @click="previewHeader">
     </button>
     <div p4 mt--18 flex flex-col gap-4>
       <div relative>

components/help/HelpPreview.vue

@@ -44,7 +44,7 @@ const teams: Team[] = [
       <div i-ri:close-fill />
     </button>
 
-    <img src="/logo.svg" w-20 h-20 mxa alt="logo">
+    <img src="/logo.svg" w-20 h-20 height="80" width="80" mxa alt="logo">
     <h1 mxa text-4xl mb4>
       {{ $t('help.title') }}
     </h1>

components/nav/NavTitle.vue

@@ -5,7 +5,7 @@ const sub = process.dev ? 'dev' : useRuntimeConfig().public.env === 'staging' ?
 <template>
   <!-- Use external to force refresh page and jump to top of timeline -->
   <NuxtLink flex px3 py2 items-center text-2xl gap-2 hover:bg-active focus-visible:ring="2 current" rounded-full to="/" external>
-    <img alt="Elk Logo" src="/logo.svg" w-10 h-10>
+    <img alt="Elk Logo" src="/logo.svg" w-10 h-10 height="40" width="40">
     <div>
       {{ $t('app_name') }} <sup text-sm italic text-secondary mt-1>{{ sub }}</sup>
     </div>

components/user/UserSignIn.vue

@@ -23,7 +23,7 @@ onMounted(() => {
 <template>
   <form text-center justify-center items-center max-w-150 py6 flex="~ col gap-3" @submit.prevent="oauth">
     <div flex="~ center" mb2>
-      <img src="/logo.svg" w-12 h-12 mxa alt="logo">
+      <img src="/logo.svg" w-12 h-12 mxa height="48" width="48" alt="logo">
       <div text-3xl>
         {{ $t('action.sign_in') }}
       </div>