diff --git a/web/src/lib/components/repo/LanguageBar.svelte b/web/src/lib/components/repo/LanguageBar.svelte
index 37e0fb8f..d5bcdc86 100644
--- a/web/src/lib/components/repo/LanguageBar.svelte
+++ b/web/src/lib/components/repo/LanguageBar.svelte
@@ -15,7 +15,7 @@
 	const label = (language: LanguageSlice) => `${language.name} ${percent(language)}%`;
 </script>
 
-<details class="group -mx-6 -mt-4 mb-4">
+<details class="group -mx-4 -mt-4 mb-2">
 	<summary
 		class="flex h-4 origin-top scale-y-50 cursor-pointer gap-px overflow-hidden rounded-t transition-transform group-open:scale-y-100 hover:scale-y-100"
 	>
@@ -29,7 +29,7 @@
 		{/each}
 	</summary>
 	<div
-		class="flex flex-wrap items-center justify-center gap-4 border-b border-border-default px-4 py-2"
+		class="mb-4 flex flex-wrap items-center justify-center gap-4 border-b border-border-default px-4 py-2"
 	>
 		{#each languages as language (language.name)}
 			<div class="flex items-center gap-2 typography-paragraph-small">