diff --git a/src/App.vue b/src/App.vue
index b46b7b0..7a0b1bc 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,6 @@
 <template>
   <Debug />
   <Notifications />
-  <BackgroundImageLoader />
   <GmPanel v-if="gameStore.character?.role === 'gm'" />
   <component :is="currentScreen" />
 </template>
diff --git a/src/components/utilities/BackgroundImageLoader.vue b/src/components/utilities/BackgroundImageLoader.vue
deleted file mode 100644
index 9968174..0000000
--- a/src/components/utilities/BackgroundImageLoader.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<template>
-  <div style="display: none">
-    <img v-for="(url, index) in imageUrls" :key="index" :src="url" alt="" @load="handleImageLoad(index)" @error="handleImageError(index)" />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-
-// Internal array of images to preload
-const imageUrls = ref<string[]>(['/assets/ui-elements/button-ui-box-textured.svg', '/assets/ui-elements/button-ui-frame-empty.svg', '/assets/ui-elements/button-ui-box-textured-small.svg', '/assets/ui-elements/profile-ui-box-inner.svg', '/assets/ui-elements/profile-ui-box-outer.svg'])
-
-const loadedImages = ref<Set<number>>(new Set())
-
-const handleImageLoad = (index: number) => {
-  loadedImages.value.add(index)
-  console.log(`Image ${index} loaded:`, imageUrls.value[index])
-}
-
-const handleImageError = (index: number) => {
-  console.log(`Image ${index} failed to load:`, imageUrls.value[index])
-}
-</script>