diff --git a/src/lib/components/Timeline.svelte b/src/lib/components/Timeline.svelte
index b9821a8..bb6bece 100644
--- a/src/lib/components/Timeline.svelte
+++ b/src/lib/components/Timeline.svelte
@@ -2,8 +2,8 @@
 	import type { ActionData } from '$lib/types';
 	import Action from './Action.svelte';
 
-	let { actions = $bindable() }: { actions: ActionData[] } = $props()
-	let latestActions: ActionData[] = $derived(actions.toReversed().slice(0, 5))
+	let { actions = $bindable() }: { actions: ActionData[] } = $props();
+	let latestActions: ActionData[] = $derived(actions.toReversed().slice(0, 5));
 </script>
 
 <div class="flex flex-col items-center h-[80vh] bg-btn_grey text-text_white p-1 rounded gap-2 w-80">
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 78fc900..aefc4d7 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,4 +1,6 @@
 <div class="flex flex-col items-center justify-evenly h-dvh text-text_white">
 	<h1 class="text-center text-5xl font-bold">hiiii :3</h1>
-	<a class="text-center text-2xl rounded bg-btn_grey px-4 py-2 font-bold" href="/scout"> scout </a>
+	<a class="text-center text-2xl rounded bg-btn_grey px-4 py-2 font-bold" href="/scout">
+		scout
+	</a>
 </div>
diff --git a/src/routes/scout/+page.svelte b/src/routes/scout/+page.svelte
index cec9c99..1980012 100644
--- a/src/routes/scout/+page.svelte
+++ b/src/routes/scout/+page.svelte
@@ -13,8 +13,10 @@
 </script>
 
 <main class="flex flex-col items-center gap-2 p-2 justify-center h-screen">
-	<Timeline bind:actions={actions} />
+	<Timeline bind:actions />
 
 	<!--to be changed in the future-->
-	<button class="bg-btn_grey w-80 p-1 rounded border-2 border-outline_gray" onclick={addAction}>Add Action</button>
+	<button class="bg-btn_grey w-80 p-1 rounded border-2 border-outline_gray" onclick={addAction}
+		>Add Action</button
+	>
 </main>