diff --git a/frontend/src/lib/components/workspaceSettings/DataTableMigrationsButton.svelte b/frontend/src/lib/components/workspaceSettings/DataTableMigrationsButton.svelte
index 79653e32a2..c4030d2212 100644
--- a/frontend/src/lib/components/workspaceSettings/DataTableMigrationsButton.svelte
+++ b/frontend/src/lib/components/workspaceSettings/DataTableMigrationsButton.svelte
@@ -460,10 +460,10 @@
 				<Tab value="up" label="Up" />
 				<Tab value="down" label="Down" />
 				{#snippet content()}
-					<TabContent value="up" class="h-80">
+					<TabContent value="up" class="h-80 border rounded-md overflow-hidden">
 						<SimpleEditor class="h-full" lang="sql" code={viewMigration?.code_up ?? ''} readOnly />
 					</TabContent>
-					<TabContent value="down" class="h-80">
+					<TabContent value="down" class="h-80 border rounded-md overflow-hidden">
 						{#if viewMigration?.code_down}
 							<SimpleEditor class="h-full" lang="sql" code={viewMigration.code_down} readOnly />
 						{:else}
diff --git a/frontend/src/lib/components/workspaceSettings/NewDataTableMigrationModal.svelte b/frontend/src/lib/components/workspaceSettings/NewDataTableMigrationModal.svelte
index 53a0db169b..903302a785 100644
--- a/frontend/src/lib/components/workspaceSettings/NewDataTableMigrationModal.svelte
+++ b/frontend/src/lib/components/workspaceSettings/NewDataTableMigrationModal.svelte
@@ -150,7 +150,7 @@
 			<Tab value="up" label="Up" />
 			<Tab value="down" label="Down" />
 			{#snippet content()}
-				<TabContent value="up" class="h-80">
+				<TabContent value="up" class="h-80 border rounded-md overflow-hidden">
 					<SimpleEditor class="h-full" lang="sql" bind:code={codeUp} />
 				</TabContent>
 				<TabContent value="down" class="h-80">
@@ -161,7 +161,7 @@
 							size="sm"
 						/>
 						{#if enableDown}
-							<div class="grow min-h-0">
+							<div class="grow min-h-0 border rounded-md overflow-hidden">
 								<SimpleEditor class="h-full" lang="sql" bind:code={codeDown} />
 							</div>
 						{/if}