diff --git a/src/lib/components/layout/Content.svelte b/src/lib/components/layout/Content.svelte
index 0fd2fcb..0545d4b 100644
--- a/src/lib/components/layout/Content.svelte
+++ b/src/lib/components/layout/Content.svelte
@@ -23,8 +23,8 @@
 </script>
 
 <div
-	class="grid grow overflow-y-auto"
-	style:grid-template-columns={isShowingDetail ? 'minmax(0, 1.5fr) minmax(0, 2.5fr)' : '1fr'}
+	class="grid w-full grow overflow-y-auto"
+	style:grid-template-columns={isShowingDetail ? '1fr 512px' : '1fr'}
 >
 	<div class="h-full overflow-y-auto">
 		{#if rootNode}
diff --git a/src/lib/components/nodes/detail/Detail.svelte b/src/lib/components/nodes/detail/Detail.svelte
index 184db9f..e72e11d 100644
--- a/src/lib/components/nodes/detail/Detail.svelte
+++ b/src/lib/components/nodes/detail/Detail.svelte
@@ -27,7 +27,7 @@
 		class:flex-col={layout === 'vertical'}
 	>
 		<main
-			class="w-[512px] shrink-0 flex-grow overflow-y-auto"
+			class="w-full overflow-y-auto"
 			class:p-6={layout === 'horizontal'}
 			class:p-4={layout === 'vertical'}
 		>
@@ -42,7 +42,7 @@
 
 		{#if metadataNodeId}
 			<aside
-				class="overflow-y-auto p-4"
+				class="shrink-0 overflow-y-auto p-4"
 				class:w-72={layout === 'horizontal'}
 				class:border-l={layout === 'horizontal'}
 				class:border-t={layout === 'vertical'}