diff --git a/webapp/components/Badges.vue b/webapp/components/Badges.vue
index b30dba309..9c7689aca 100644
--- a/webapp/components/Badges.vue
+++ b/webapp/components/Badges.vue
@@ -12,7 +12,7 @@
     >
       <hc-image
         :title="badge.key"
-        :imageProps="imageProps(badge.icon)"
+        :image-props="imageProps(badge.icon)"
         class="hc-badge"
       />
     </div>
@@ -33,7 +33,7 @@ export default {
   },
   methods: {
     imageProps(icon) {
-      return { src: icon}
+      return { src: icon }
     }
   }
 }
diff --git a/webapp/components/Empty.vue b/webapp/components/Empty.vue
index c1044137e..7f818e2f7 100644
--- a/webapp/components/Empty.vue
+++ b/webapp/components/Empty.vue
@@ -6,7 +6,7 @@
   >
     <ds-text>
       <hc-image
-        :imageProps="imageProps"
+        :image-props="imageProps"
         width="80"
         class="hc-empty-icon"
         style="margin-bottom: 5px"
@@ -26,10 +26,10 @@
 <script>
 import HcImage from '~/components/Image'
 export default {
+  name: 'HcEmpty',
   components: {
     HcImage
   },
-  name: 'HcEmpty',
   props: {
     /**
      * Icon that should be shown
diff --git a/webapp/pages/login.vue b/webapp/pages/login.vue
index 951aa10a6..537ef7d85 100644
--- a/webapp/pages/login.vue
+++ b/webapp/pages/login.vue
@@ -33,7 +33,7 @@
               <hc-image
                 class="login-image"
                 alt="Human Connection"
-                :imageProps="imageProps" 
+                :image-props="imageProps" 
               />
             </ds-space>
           </ds-flex-item>
@@ -120,7 +120,7 @@ export default {
       return this.$store.getters['auth/pending']
     },
     imageProps() {
-      return {src:"/img/sign-up/humanconnection.svg"}
+      return { src: '/img/sign-up/humanconnection.svg' }
     }
   },
   asyncData({ store, redirect }) {
diff --git a/webapp/pages/logout.vue b/webapp/pages/logout.vue
index 54585d599..1dc088c61 100644
--- a/webapp/pages/logout.vue
+++ b/webapp/pages/logout.vue
@@ -13,7 +13,7 @@
         >
           <hc-image
             style="width: 200px;"
-            :imageProps="imageProps"
+            :image-props="imageProps"
             alt="Human Connection"
           />
         </ds-space>
@@ -42,14 +42,14 @@ export default {
     HcImage
   },
   layout: 'blank',
+  computed: {
+    imageProps() {
+      return { src: '/img/sign-up/onourjourney.png' }
+    }
+  },
   async beforeCreate() {
     await this.$store.dispatch('auth/logout')
     this.$router.replace('/')
-  },
-  computed: {
-    imageProps(){
-      return { src: "/img/sign-up/onourjourney.png"}
-    }
   }
 }
 </script>
diff --git a/webapp/pages/settings/my-social-media.vue b/webapp/pages/settings/my-social-media.vue
index c13d0eeb5..f991305a6 100644
--- a/webapp/pages/settings/my-social-media.vue
+++ b/webapp/pages/settings/my-social-media.vue
@@ -12,7 +12,7 @@
         >
           <a :href="link.url">
             <hc-image
-              :imageProps="imageProps(link.favicon)"
+              :image-props="imageProps(link.favicon)"
               alt="Social Media link"
               width="16"
               height="16"
@@ -107,7 +107,7 @@ export default {
         )
     },
     imageProps(favicon) {
-      return { src: favicon}
+      return { src: favicon }
     }
   }
 }