diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/(suggestions)/empty.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/(suggestions)/empty.svelte
index 9431d7b9b..100fdb384 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/(suggestions)/empty.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/(suggestions)/empty.svelte
@@ -348,7 +348,10 @@
             columnsWithBase.reduce((sum, col) => sum + col.baseWidth, 0);
 
         // distribute excess space equally across custom columns
-        const viewportWidth = spreadsheetContainer?.clientWidth || window.innerWidth;
+        const viewportWidth =
+            spreadsheetContainer?.clientWidth ||
+            (typeof window !== 'undefined' ? window.innerWidth : totalUsed);
+
         const extraPerColumn =
             Math.max(0, viewportWidth - totalUsed) / (columnsWithBase.length || 1);