diff --git a/src/lib/components/CodeViewer/CodeViewer.svelte b/src/lib/components/CodeViewer/CodeViewer.svelte
index 618d58996..3b7263471 100644
--- a/src/lib/components/CodeViewer/CodeViewer.svelte
+++ b/src/lib/components/CodeViewer/CodeViewer.svelte
@@ -89,8 +89,8 @@
 			row.type === RowType.Equal || row.type === RowType.Addition
 				? String(row.currentLineNumber)
 				: ''}
-		<div class="select-none pr-1 pl-2.5 text-right text-[#665c54]">{baseNumber}</div>
-		<div class="select-none pr-1 pl-2.5 text-right text-[#665c54]">{curNumber}</div>
+		<div class="select-none pr-1 pl-2.5 text-right text-[#8C8178]">{baseNumber}</div>
+		<div class="select-none pr-1 pl-2.5 text-right text-[#8C8178]">{curNumber}</div>
 		<div
 			class="diff-line-marker"
 			class:diff-line-addition={row.type === RowType.Addition}
diff --git a/src/lib/components/CodeViewer/diff.css b/src/lib/components/CodeViewer/diff.css
index 1f292abbe..4fc9c1ba2 100644
--- a/src/lib/components/CodeViewer/diff.css
+++ b/src/lib/components/CodeViewer/diff.css
@@ -36,8 +36,11 @@
 }
 
 .diff-line-spacer {
-	--override-spacer-background-color: rgb(0 0 255 / 10%);
+	--override-spacer-background-color: rgba(25, 25, 39, 0.4);
 
+	color: rgb(229, 231, 235);
 	text-align: center;
 	background-color: var(--override-spacer-background-color);
+	border-top: 1px solid rgba(25, 25, 39, 0.3);
+	border-bottom: 1px solid rgba(25, 25, 39, 0.3);
 }
diff --git a/src/routes/projects/[projectId]/player/+page.svelte b/src/routes/projects/[projectId]/player/+page.svelte
index 67d641a10..dd33e36f5 100644
--- a/src/routes/projects/[projectId]/player/+page.svelte
+++ b/src/routes/projects/[projectId]/player/+page.svelte
@@ -503,7 +503,7 @@
 						</div>
 
 						{#if currentEdit !== null}
-							<div id="info" class="absolute bottom-[64px] left-4 rounded-lg bg-zinc-800 p-2">
+							<div id="info" class="absolute bottom-[86px] left-4 rounded-lg bg-zinc-800 p-2">
 								<div class="flex flex-row justify-between space-x-2">
 									<div class="font-mono font-bold text-white">{currentEdit.filepath}</div>
 									<div>{new Date(currentEdit.delta.timestampMs).toLocaleString('en-US')}</div>
@@ -512,11 +512,11 @@
 
 							<div
 								id="controls"
-								class="absolute bottom-0 flex w-full flex-col border-t border-zinc-700 bg-[#2E2E32]/75 p-2"
+								class="absolute bottom-0 flex w-full flex-col border-t border-zinc-700 bg-[#2E2E32]/75 p-2 pt-4"
 								style="
 								border-width: 0.5px; 
-								-webkit-backdrop-filter: blur(20px) saturate(190%) contrast(70%) brightness(80%);
-								backdrop-filter: blur(20px) saturate(190%) contrast(70%) brightness(80%);
+								-webkit-backdrop-filter: blur(5px) saturate(190%) contrast(70%) brightness(80%);
+								backdrop-filter: blur(5px) saturate(190%) contrast(70%) brightness(80%);
 								background-color: rgba(24, 24, 27, 0.60);
 								border: 0.5px solid rgba(63, 63, 70, 0.50);
 							"