diff --git a/src/components/home/contentAuth.vue b/src/components/home/contentAuth.vue
index 027fb3ed1..d610b5e82 100644
--- a/src/components/home/contentAuth.vue
+++ b/src/components/home/contentAuth.vue
@@ -8,14 +8,14 @@
+ :style="{'background-image': backgroundUrl ? `url(${backgroundUrl})` : undefined}">
baseStore.background)
-const blurHash = computed(() => baseStore.blurHash)
const menuActive = computed(() => baseStore.menuActive)
+const currentList = computed(() => baseStore.currentList)
+
+const {backgroundUrl, blurHashUrl} = useListBackground(currentList)
function showKeyboardShortcuts() {
baseStore.setKeyboardShortcutsActive(true)
diff --git a/src/components/home/contentLinkShare.vue b/src/components/home/contentLinkShare.vue
index bfcf8821b..a3213a6d1 100644
--- a/src/components/home/contentLinkShare.vue
+++ b/src/components/home/contentLinkShare.vue
@@ -1,7 +1,7 @@
@@ -26,14 +26,18 @@
import {computed} from 'vue'
import {useBaseStore} from '@/stores/base'
+import {useListBackground} from '@/stores/lists'
import Logo from '@/components/home/Logo.vue'
import PoweredByLink from './PoweredByLink.vue'
const baseStore = useBaseStore()
-const currentList = computed(() => baseStore.currentList)
-const background = computed(() => baseStore.background)
const logoVisible = computed(() => baseStore.logoVisible)
+
+const currentList = computed(() => baseStore.currentList)
+
+// TODO: use blurhash here aswell
+const{backgroundUrl} = useListBackground(currentList)