diff --git a/client/.prettierrc b/client/.prettierrc
index ff2677e..ab96ecc 100644
--- a/client/.prettierrc
+++ b/client/.prettierrc
@@ -1,6 +1,7 @@
 {
-	"useTabs": true,
-	"singleQuote": true,
-	"trailingComma": "none",
-	"printWidth": 100
-}
+  "useTabs": false,
+  "tabWidth": 2,
+  "singleQuote": true,
+  "trailingComma": "none",
+  "printWidth": 100
+}
\ No newline at end of file
diff --git a/client/src/lib/backButton.svelte b/client/src/lib/backButton.svelte
index 710ba64..0c77f27 100644
--- a/client/src/lib/backButton.svelte
+++ b/client/src/lib/backButton.svelte
@@ -1,22 +1,22 @@
 <script lang="ts">
-	import { fly } from 'svelte/transition';
-	import { DEFAULT_TRANSITION_DURATION } from './config';
+  import { fly } from 'svelte/transition';
+  import { DEFAULT_TRANSITION_DURATION } from './config';
 
-	export let href: string | undefined = undefined;
-	export let onclick: svelte.JSX.MouseEventHandler<HTMLAnchorElement> | undefined = undefined;
+  export let href: string | undefined = undefined;
+  export let onclick: svelte.JSX.MouseEventHandler<HTMLAnchorElement> | undefined = undefined;
 
-	const duration = DEFAULT_TRANSITION_DURATION;
+  const duration = DEFAULT_TRANSITION_DURATION;
 </script>
 
 <a
-	transition:fly={{ duration, delay: duration * 0.5, x: -60, opacity: 0 }}
-	{href}
-	on:click={onclick}
-	class="text-black dark:text-white arrow-back fixed top-0 left-0 w-4 h-4 m-4 p-2 transform transition-transform hover:-translate-x-1"
+  transition:fly={{ duration, delay: duration * 0.5, x: -60, opacity: 0 }}
+  {href}
+  on:click={onclick}
+  class="text-black dark:text-white arrow-back fixed top-0 left-0 w-4 h-4 m-4 p-2 transform transition-transform hover:-translate-x-1"
 >
-	<svg width="16" height="16">
-		<line y1="50%" x1="0" y2="50%" x2="100%" stroke="currentColor" stroke-width="2" />
-		<line y1="50%" x1="0" y2="100%" x2="50%" stroke="currentColor" stroke-width="2" />
-		<line y1="50%" x1="0" y2="0" x2="50%" stroke="currentColor" stroke-width="2" />
-	</svg>
+  <svg width="16" height="16">
+    <line y1="50%" x1="0" y2="50%" x2="100%" stroke="currentColor" stroke-width="2" />
+    <line y1="50%" x1="0" y2="100%" x2="50%" stroke="currentColor" stroke-width="2" />
+    <line y1="50%" x1="0" y2="0" x2="50%" stroke="currentColor" stroke-width="2" />
+  </svg>
 </a>
\ No newline at end of file
diff --git a/client/src/lib/game.svelte b/client/src/lib/game.svelte
index 2590e67..bbe1e5f 100644
--- a/client/src/lib/game.svelte
+++ b/client/src/lib/game.svelte
@@ -3,8 +3,8 @@
 	import { quadOut } from "svelte/easing";
 	import { draw, fade, fly } from "svelte/transition";
 	import Move from "./move.svelte";
-	import { DEFAULT_TRANSITION_DURATION } from "./config";
-	import BackButton from "./backButton.svelte";
+    import { DEFAULT_TRANSITION_DURATION } from "./config";
+    import BackButton from "./backButton.svelte";
 
     export var self: 1 | 2 = 1;
     export var twoPlayer: boolean = false;