diff --git a/pages/apps.vue b/pages/apps.vue
index 7be535c..0f2d1c1 100644
--- a/pages/apps.vue
+++ b/pages/apps.vue
@@ -121,8 +121,10 @@ const search = (e: any) => {
             <Column header="Name">
                 <template #body="prop">
                     <div class="flex flex-row gap-3 items-center px-3 py-2">
-                        <img class="object-fill rounded" style="width: 34px; height: 34px;"
-                            src="https://coffee.alexflipnote.dev/random" />
+                        <div class="rounded flex items-center justify-center"
+                            style="height: 38px; width: 38px; background-color: #ece9fc; color: #2a1261">
+                            <label class="text-2xl">{{ _.upperCase(prop.data.displayName[0]) }}</label>
+                        </div>
                         <label class="font-semibold text-lg">{{ prop.data.displayName }}</label>
                     </div>
                 </template>