diff --git a/.gitignore b/.gitignore
index 22545811..6c655ec2 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,14 +1,15 @@
 # Deps
-node_modules
+node_modules/
 
 # Output
-/.svelte-kit
-/build
-/dist
-/dist_*
-/target
-/.gro
-/.zzz
+.svelte-kit/
+build/
+dist/
+dist_*/
+target/
+.gro/
+.fuz/
+.zzz/
 
 # Generated test repos
 /src/test/fixtures/repos/
diff --git a/src/lib/ModulesDetail.svelte b/src/lib/ModulesDetail.svelte
index 4edf2619..60981c49 100644
--- a/src/lib/ModulesDetail.svelte
+++ b/src/lib/ModulesDetail.svelte
@@ -44,7 +44,7 @@
 		{#each repos_modules as repo_modules (repo_modules)}
 			{@const {repo, modules} = repo_modules}
 			<li class="repo_module">
-				<header class="width_100 position_relative">
+				<header class="width_100 position:relative">
 					<a href="#{repo.name}" id={repo.name} class="subtitle">🔗</a>
 					<a href={resolve(`/tree/${repo.repo_name}`)}>{repo.name}</a>
 				</header>
diff --git a/src/routes/MainHeader.svelte b/src/routes/MainHeader.svelte
index e3d27f7f..b312f628 100644
--- a/src/routes/MainHeader.svelte
+++ b/src/routes/MainHeader.svelte
@@ -5,7 +5,7 @@
 
 <header class="pane p_lg">
 	<div class="box bg mb_lg">
-		<h1 class="mb_lg font_size_xl2 font_weight_400">fuz_gitops</h1>
+		<h1 class="mb_lg font_size_xl2 font-weight:400">fuz_gitops</h1>
 		<!-- TODO FuzGitopsLogo -->
 		<Svg
 			data={logo_fuz}
@@ -14,5 +14,5 @@
 			label="a friendly blue spider facing you"
 		/>
 	</div>
-	<p class="text_align_center">a tool for managing many repos 🪄</p>
+	<p class="text-align:center">a tool for managing many repos 🪄</p>
 </header>