diff --git a/src/views/CharacterDetailView.vue b/src/views/CharacterDetailView.vue
index 7130433..c5eebbf 100644
--- a/src/views/CharacterDetailView.vue
+++ b/src/views/CharacterDetailView.vue
@@ -857,12 +857,12 @@ const handleLogout = () => {
                                                     {{ gen.tech_prompt }}
                                                 </p>
 
-                                                <div class="flex gap-2 text-[10px] text-slate-500">
+                                                <div class="flex items-center gap-2 text-[10px] text-slate-500">
                                                     <span>{{ new Date(gen.created_at).toLocaleDateString() }}</span>
                                                     <span class="capitalize"
                                                         :class="gen.status === 'done' ? 'text-green-500' : (gen.status === 'failed' ? 'text-red-500' : 'text-amber-500')">{{
                                                             gen.status }}</span>
-                                                            <i class="pi pi-exclamation-circle text-red-500 !text-[10px]" v-if="gen.failed_reason" v-tooltip.right="gen.failed_reason  " ></i>
+                                                            <i  v-if="gen.failed_reason" v-tooltip.right="gen.failed_reason" class="pi pi-exclamation-circle text-red-500" style="font-size: 10px;" />
                                                 </div>
                                                 <!-- Metrics in history -->
                                                 <div v-if="gen.execution_time_seconds || gen.token_usage"
diff --git a/src/views/ImageGenerationView.vue b/src/views/ImageGenerationView.vue
index 8d8012e..e73486e 100644
--- a/src/views/ImageGenerationView.vue
+++ b/src/views/ImageGenerationView.vue
@@ -653,12 +653,12 @@ onMounted(() => {
                                         {{ gen.tech_prompt }}
                                     </p>
 
-                                    <div class="flex gap-2 text-[10px] text-slate-500 mt-1">
+                                    <div class="flex gap-2  items-center text-[10px] text-slate-500 mt-1">
                                         <span>{{ new Date(gen.created_at).toLocaleDateString() }}</span>
                                         <span class="capitalize"
                                             :class="gen.status === 'done' ? 'text-green-500' : 'text-amber-500'">{{
                                                 gen.status }}</span>
-                                                <i class="pi pi-exclamation-circle text-red-500 !text-[10px]" v-if="gen.failed_reason" v-tooltip.right="gen.failed_reason  " ></i>
+                                                <i  v-if="gen.failed_reason" v-tooltip.right="gen.failed_reason" class="pi pi-exclamation-circle text-red-500" style="font-size: 10px;" />
                                     </div>
                                     <div v-if="gen.execution_time_seconds || gen.token_usage"
                                         class="flex flex-wrap gap-2 text-[9px] text-slate-500 font-mono mt-1 opacity-70">