diff --git a/frontend/src/lib/components/grid/grid.svelte b/frontend/src/lib/components/grid/grid.svelte
index 98cf191..5a6c21e 100644
--- a/frontend/src/lib/components/grid/grid.svelte
+++ b/frontend/src/lib/components/grid/grid.svelte
@@ -7,7 +7,7 @@
 	import clsx from 'clsx';
 	import { Input } from '../ui/input';
 	import type { LeadMsg } from './messages';
-	import { grid, Position } from './grid.svelte.ts';
+	import { Grid, Position } from './grid.svelte.ts';
 
 	let {
 		socket,
@@ -31,7 +31,8 @@
 		grid.handle_msg(res);
 	};
 
-	let rows = 50;
+	const grid = new Grid(socket);
+	let rows = 100;
 	let cols = 40;
 
 	function handleCellInteraction(i: number, j: number, e: MouseEvent) {
diff --git a/frontend/src/lib/components/grid/grid.svelte.ts b/frontend/src/lib/components/grid/grid.svelte.ts
index 1710854..9ef9ea9 100644
--- a/frontend/src/lib/components/grid/grid.svelte.ts
+++ b/frontend/src/lib/components/grid/grid.svelte.ts
@@ -208,7 +208,4 @@ class Grid {
 	}
 }
 
-export {  Position };
-
-
-export const grid = new Grid(new WebSocket(''));
+export { Position, Grid };
diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index f233bcf..aa51ee3 100644
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -19,7 +19,7 @@
 {/if}
 
 <div class="absolute left-0 min-h-0 w-full">
-	<div class="flex h-[100vh] flex-col">
+	<div class="flex h-[93vh] flex-col">
 		<div class="h-[60px] w-full p-3">
 			<div class="flex items-center gap-5">
 				<Sidebar.Trigger />