diff --git a/webapp/components/Empty.vue b/webapp/components/Empty.vue
index f8608c965..669676862 100644
--- a/webapp/components/Empty.vue
+++ b/webapp/components/Empty.vue
@@ -6,7 +6,7 @@
   >
     <ds-text>
       <hc-image
-        :image-props="imageProps"
+        :image-props="{ src: `/img/empty/${this.icon}.svg` }"
         width="80"
         class="hc-empty-icon"
         style="margin-bottom: 5px"
@@ -56,11 +56,6 @@ export default {
       type: [String, Object],
       default: 'x-large'
     }
-  },
-  computed: {
-    imageProps() {
-      return { src: `/img/empty/${this.icon}.svg` }
-    }
   }
 }
 </script>
diff --git a/webapp/pages/login.vue b/webapp/pages/login.vue
index 537ef7d85..083c1cb71 100644
--- a/webapp/pages/login.vue
+++ b/webapp/pages/login.vue
@@ -33,7 +33,7 @@
               <hc-image
                 class="login-image"
                 alt="Human Connection"
-                :image-props="imageProps" 
+                :image-props="{ src: '/img/sign-up/humanconnection.svg' }" 
               />
             </ds-space>
           </ds-flex-item>
@@ -118,9 +118,6 @@ export default {
   computed: {
     pending() {
       return this.$store.getters['auth/pending']
-    },
-    imageProps() {
-      return { src: '/img/sign-up/humanconnection.svg' }
     }
   },
   asyncData({ store, redirect }) {