diff --git a/src/routes/tutorial/[slug]/+page.svelte b/src/routes/tutorial/[slug]/+page.svelte
index 7e2903c52..7b711bddb 100644
--- a/src/routes/tutorial/[slug]/+page.svelte
+++ b/src/routes/tutorial/[slug]/+page.svelte
@@ -345,11 +345,19 @@
 		flex-direction: row;
 		align-items: center;
 		padding: 1rem;
+		gap: 1rem;
 	}
 
 	.mobile .navigator .file {
 		flex: 1;
 		text-align: left;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+
+		/* put ellipsis at start */
+		direction: rtl;
+		text-align: left;
 	}
 
 	.mobile .navigator .solve {