From 704fe55e933dda55f97975003a73252190a78458 Mon Sep 17 00:00:00 2001
From: Alberto Monterroso <14013679+Albermonte@users.noreply.github.com>
Date: Wed, 7 Oct 2026 20:33:11 +0200
Subject: [PATCH] fix(dashboard): keep validator logos aligned

---
 app/components/ValidatorsTable.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/components/ValidatorsTable.vue b/app/components/ValidatorsTable.vue
index 0c078be..2ed490c 100644
--- a/app/components/ValidatorsTable.vue
+++ b/app/components/ValidatorsTable.vue
@@ -23,7 +23,8 @@ function formatLunaAsNim(lunaValue: number): string {
 }
 
 // Filter and search state
-const showUnknown = useLocalStorage('show-unknown-validators', false)
+// Read the saved filter after hydration so server and client render the same rows.
+const showUnknown = useLocalStorage('show-unknown-validators', false, { initOnMounted: true })
 const globalFilter = ref('')
 const sorting = ref<SortingState>([{ id: 'balance', desc: true }])
 
@@ -316,6 +317,7 @@ function getScoreDisplay(validator: FetchedValidator) {
             <td class="cell-identicon">
               <Identicon
                 v-bind="row.original" size-32 object-contain my-6
+                :logo="row.original.name === 'Unknown validator' ? undefined : row.original.logo"
                 :style="{ 'view-transition-name': `logo-${row.original.id}-${globalFilter}` }"
               />
             </td>