diff --git a/webapp/components/LoginForm/LoginForm.vue b/webapp/components/LoginForm/LoginForm.vue
index 0f2b248c9..bbc63e93a 100644
--- a/webapp/components/LoginForm/LoginForm.vue
+++ b/webapp/components/LoginForm/LoginForm.vue
@@ -7,7 +7,7 @@
     <base-card>
       <template #imageColumn>
         <a :href="links.ORGANIZATION" :title="$t('login.moreInfo', metadata)" target="_blank">
-          <logo type="welcome" />
+          <logo logoType="welcome" />
         </a>
       </template>
       <h2 class="title">{{ $t('login.login') }}</h2>
diff --git a/webapp/components/Logo/Logo.vue b/webapp/components/Logo/Logo.vue
index 1714888d7..c93d74f81 100644
--- a/webapp/components/Logo/Logo.vue
+++ b/webapp/components/Logo/Logo.vue
@@ -5,14 +5,14 @@
       class="ds-logo-svg"
       :alt="metadata.APPLICATION_NAME + ' ' + logo.alt"
       :src="logo.path"
-      :style="logoWidth"
+      :style="logoWidthStyle"
     />
     <img
       v-else
       class="ds-logo-svg"
       :alt="metadata.APPLICATION_NAME + ' ' + logo.alt"
       :src="logo.path"
-      :style="logoWidth"
+      :style="logoWidthStyle"
     />
   </component>
 </template>
@@ -31,14 +31,14 @@ export default {
     /**
      * Logo type
      */
-    type: {
+    logoType: {
       type: String,
       required: true,
     },
     /**
-     * Logo type
+     * Logo width
      */
-    width: {
+    logoWidth: {
       type: String,
       default: null,
     },
@@ -75,17 +75,17 @@ export default {
       },
     }
     return {
-      logo: logosObject[this.type],
+      logo: logosObject[this.logoType],
       metadata,
     }
   },
   computed: {
-    logoWidth() {
+    logoWidthStyle() {
       let width = ''
-      if (this.width === null) {
+      if (this.logoWidth === null) {
         width = this.logo.widthDefault
       } else {
-        width = this.width
+        width = this.logoWidth
       }
       return `width: ${width};`
     },
diff --git a/webapp/components/Registration/RegistrationSlider.vue b/webapp/components/Registration/RegistrationSlider.vue
index 64b8d9a3f..2e297bc86 100644
--- a/webapp/components/Registration/RegistrationSlider.vue
+++ b/webapp/components/Registration/RegistrationSlider.vue
@@ -3,7 +3,7 @@
     <base-card>
       <template #imageColumn>
         <a :href="links.ORGANIZATION" :title="$t('login.moreInfo', metadata)" target="_blank">
-          <logo type="signup" />
+          <logo logoType="signup" />
         </a>
       </template>
 
diff --git a/webapp/layouts/basic.vue b/webapp/layouts/basic.vue
index 9dd008c88..01872868e 100644
--- a/webapp/layouts/basic.vue
+++ b/webapp/layouts/basic.vue
@@ -6,7 +6,7 @@
           <ds-flex-item width="5.5%" />
           <ds-flex-item style="flex-grow: 1" width="20%">
             <a @click="redirectToRoot">
-              <logo type="header" />
+              <logo logoType="header" />
             </a>
           </ds-flex-item>
           <ds-flex-item width="20%" style="flex-grow: 0">
diff --git a/webapp/layouts/default.vue b/webapp/layouts/default.vue
index 8b5e6302d..0dfd752bf 100644
--- a/webapp/layouts/default.vue
+++ b/webapp/layouts/default.vue
@@ -6,7 +6,7 @@
           <ds-flex class="main-navigation-flex">
             <ds-flex-item :width="{ base: '142px' }">
               <nuxt-link :to="{ name: 'index' }" v-scroll-to="'.main-navigation'">
-                <logo type="header" />
+                <logo logoType="header" />
               </nuxt-link>
             </ds-flex-item>
             <ds-flex-item
diff --git a/webapp/pages/logout.vue b/webapp/pages/logout.vue
index 392b66d72..c0fe2e81f 100644
--- a/webapp/pages/logout.vue
+++ b/webapp/pages/logout.vue
@@ -3,7 +3,7 @@
     <ds-flex>
       <ds-flex-item :width="{ base: '100%' }" centered>
         <ds-space style="text-align: center" margin-top="large" margin-bottom="xxx-small" centered>
-          <logo type="logout" />
+          <logo logoType="logout" />
         </ds-space>
         <ds-space style="text-align: center" margin-top="small" margin-bottom="xxx-small" centered>
           <ds-heading tag="h3" soft>Logging out...</ds-heading>
diff --git a/webapp/pages/password-reset.vue b/webapp/pages/password-reset.vue
index a3f8c7bd5..caa7c3455 100644
--- a/webapp/pages/password-reset.vue
+++ b/webapp/pages/password-reset.vue
@@ -3,7 +3,7 @@
     <base-card>
       <template #imageColumn>
         <a :href="links.ORGANIZATION" :title="$t('login.moreInfo', metadata)" target="_blank">
-          <logo type="passwordReset" />
+          <logo logoType="passwordReset" />
         </a>
       </template>
       <nuxt-child />