fix: visuals reference matching overhaul and better workflow

web/src/views/HomeView.vue

@@ -226,13 +226,7 @@ onMounted(loadArticles)
 				icon="i-lucide-circle-x"
 				title="Couldn't load your articles"
 				description="Check your connection and try again."
-				:ui="{
-					root: 'gap-2.5 px-3.5 py-3',
-					icon: 'mt-0.5 size-4',
-					title: 'text-sm font-semibold',
-					description: 'mt-0.5 text-sm text-toned opacity-100',
-					actions: 'mt-2',
-				}"
+				:ui="{ actions: 'mt-2' }"
 			>
 				<template #actions>
 					<UButton