diff --git a/apps/svelte.dev/src/lib/icons/file-dark.svg b/apps/svelte.dev/src/lib/icons/file-dark.svg
new file mode 100644
index 0000000000..1496d2264b
--- /dev/null
+++ b/apps/svelte.dev/src/lib/icons/file-dark.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20 7V21C20 21.5523 19.5523 22 19 22H5C4.44771 22 4 21.5523 4 21V3C4 2.44771 4.44771 2 5 2H15M20 7H15V2M20 7L15 2" stroke="#d4d4d4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/apps/svelte.dev/src/lib/icons/file.svg b/apps/svelte.dev/src/lib/icons/file.svg
index ebc7e4db3c..5ca191bd44 100644
--- a/apps/svelte.dev/src/lib/icons/file.svg
+++ b/apps/svelte.dev/src/lib/icons/file.svg
@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M20 7V21C20 21.5523 19.5523 22 19 22H5C4.44771 22 4 21.5523 4 21V3C4 2.44771 4.44771 2 5 2H15M20 7H15V2M20 7L15 2" stroke="#676778" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20 7V21C20 21.5523 19.5523 22 19 22H5C4.44771 22 4 21.5523 4 21V3C4 2.44771 4.44771 2 5 2H15M20 7H15V2M20 7L15 2" stroke="#666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/apps/svelte.dev/src/routes/tutorial/[...slug]/Sidebar.svelte b/apps/svelte.dev/src/routes/tutorial/[...slug]/Sidebar.svelte
index b5577d528b..52381dde3e 100644
--- a/apps/svelte.dev/src/routes/tutorial/[...slug]/Sidebar.svelte
+++ b/apps/svelte.dev/src/routes/tutorial/[...slug]/Sidebar.svelte
@@ -114,48 +114,17 @@
 	.text {
 		flex: 1 1 auto;
 		padding: 2.2rem var(--sk-page-padding-side);
-		/* border-right: 1px solid var(--sk-back-5); */
 		background: var(--sk-back-1);
 
 		:global {
-			pre {
-				background: var(--sk-back-1);
-				box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.1);
-				border-radius: var(--sk-border-radius);
-
-				.highlight {
-					--color: rgba(220, 220, 0, 0.2);
-					background: var(--color);
-					outline: 2px solid var(--color);
-					border-radius: 2px;
-
-					&.add {
-						--color: rgba(0, 255, 0, 0.18);
-					}
-
-					&.remove {
-						--color: rgba(255, 0, 0, 0.1);
-
-						:root.dark & {
-							--color: rgba(255, 0, 0, 0.27);
-						}
-					}
-				}
-			}
-
-			p a code {
-				color: var(--sk-theme-1);
-				background: rgba(255, 62, 0, 0.1);
-			}
-
 			[data-file],
 			.filename {
 				cursor: pointer;
-				background-image: url($lib/icons/file-edit.svg);
+				background-image: url($lib/icons/file.svg);
 				background-repeat: no-repeat;
 
 				:root.dark & {
-					background-image: url($lib/icons/file-edit-inline-dark.svg);
+					background-image: url($lib/icons/file-dark.svg);
 				}
 			}
 
@@ -166,9 +135,9 @@
 			}
 
 			.filename {
-				background-position: 1rem 54%;
+				background-position: 0 54%;
 				background-size: 1rem 1rem;
-				padding-left: 2.5rem !important;
+				padding-left: 1.5rem !important;
 			}
 
 			.desktop {
diff --git a/apps/svelte.dev/src/routes/tutorial/[...slug]/filetree/Item.svelte b/apps/svelte.dev/src/routes/tutorial/[...slug]/filetree/Item.svelte
index 0bb225623e..09e0d75dd7 100644
--- a/apps/svelte.dev/src/routes/tutorial/[...slug]/filetree/Item.svelte
+++ b/apps/svelte.dev/src/routes/tutorial/[...slug]/filetree/Item.svelte
@@ -130,6 +130,7 @@
 		background: var(--sk-back-1);
 		color: var(--sk-text-1) !important;
 		margin: 0 0.5rem 0 calc(0.5rem + var(--inset));
+		border: 1px solid var(--sk-back-5);
 		padding: 0 0.5rem;
 		font: inherit;
 	}