diff --git a/src/lib/components/chat/Chat.svelte b/src/lib/components/chat/Chat.svelte
index 363aae8ac..b6a90a953 100644
--- a/src/lib/components/chat/Chat.svelte
+++ b/src/lib/components/chat/Chat.svelte
@@ -292,7 +292,8 @@
 						const currentSize = controlPane.getSize();
 
 						if (currentSize === 0) {
-							controlPane.resize(parseInt(localStorage?.chatControlsSize ?? '30'));
+							const size = parseInt(localStorage?.chatControlsSize ?? '30');
+							controlPane.resize(size ? size : 30);
 						}
 					} else {
 						controlPane.resize(0);
diff --git a/src/lib/components/chat/ChatControls.svelte b/src/lib/components/chat/ChatControls.svelte
index bf0ddcdc1..ef21efa6e 100644
--- a/src/lib/components/chat/ChatControls.svelte
+++ b/src/lib/components/chat/ChatControls.svelte
@@ -122,7 +122,11 @@
 		</PaneResizer>
 		<Pane
 			bind:pane
-			defaultSize={$showControls ? parseInt(localStorage?.chatControlsSize ?? '30') : 0}
+			defaultSize={$showControls
+				? parseInt(localStorage?.chatControlsSize ?? '30')
+					? parseInt(localStorage?.chatControlsSize ?? '30')
+					: 30
+				: 0}
 			onResize={(size) => {
 				console.log(size);
 				if (size === 0) {