diff --git a/pages/s/[id]/analytics.vue b/pages/s/[id]/analytics.vue
index d03dec4..e0e405a 100644
--- a/pages/s/[id]/analytics.vue
+++ b/pages/s/[id]/analytics.vue
@@ -77,7 +77,7 @@ useSeoMeta({
         </div>
       </Dialog>
 
-      <NuxtImg preload height="135" alt="World Skills ASEAN" densities="x1 x2 x3" src="/images/logo.webp" />
+      <NuxtImg preload fit="contain" width="135" height="135" alt="World Skills ASEAN" densities="x1 x2 x3" src="/images/logo.webp" />
 
       <Skeleton v-if="surveyPending" height="45px" />
       <h1 v-else-if="survey" mt8 text-xl font-bold>
diff --git a/pages/s/[id]/index.vue b/pages/s/[id]/index.vue
index c6c477f..f9fecd2 100644
--- a/pages/s/[id]/index.vue
+++ b/pages/s/[id]/index.vue
@@ -109,7 +109,7 @@ async function submit() {
       <DashboardError v-if="surveyError" v-bind="surveyError" />
       <template v-else-if="survey">
         <div mx-auto max-w-3xl container>
-          <NuxtImg preload height="135" alt="World Skills ASEAN" densities="x1 x2 x3" src="/images/logo.webp" />
+          <NuxtImg preload fit="contain" width="135" height="135" alt="World Skills ASEAN" densities="x1 x2 x3" src="/images/logo.webp" />
 
           <div mt10>
             <h1 text-5xl font-bold>
diff --git a/pages/thanks.vue b/pages/thanks.vue
index e383582..4e63a3f 100644
--- a/pages/thanks.vue
+++ b/pages/thanks.vue
@@ -106,7 +106,7 @@ async function create() {
 <template>
   <div p-6 lg:px-30>
     <main flex flex-col gap10>
-      <NuxtImg peload height="135" alt="World Skills ASEAN" densities="x1 x2 x3" src="/images/logo.webp" />
+      <NuxtImg preload fit="contain" width="135" height="135" alt="World Skills ASEAN" densities="x1 x2 x3" src="/images/logo.webp" />
 
       <section>
         <Skeleton v-if="surveyPending" height="200px" />