diff --git a/gitbutler-ui/src/routes/[projectId]/components/FileTree.svelte b/gitbutler-ui/src/routes/[projectId]/components/FileTree.svelte
index 7cc54e313..84e44c248 100644
--- a/gitbutler-ui/src/routes/[projectId]/components/FileTree.svelte
+++ b/gitbutler-ui/src/routes/[projectId]/components/FileTree.svelte
@@ -121,23 +121,21 @@
 			<div class="line-wrapper">
 				<div class="line" />
 			</div>
-			<ul class="w-full overflow-hidden">
+			<div class="flex w-full flex-col overflow-hidden">
 				{#each node.children as childNode}
-					<li>
-						<svelte:self
-							node={childNode}
-							expanded={true}
-							{selectedOwnership}
-							{showCheckboxes}
-							{selectedFiles}
-							{branchId}
-							{readonly}
-							on:checked
-							on:unchecked
-						/>
-					</li>
+					<svelte:self
+						node={childNode}
+						expanded={true}
+						{selectedOwnership}
+						{showCheckboxes}
+						{selectedFiles}
+						{branchId}
+						{readonly}
+						on:checked
+						on:unchecked
+					/>
 				{/each}
-			</ul>
+			</div>
 		</div>
 	{/if}
 {/if}
diff --git a/gitbutler-ui/src/routes/[projectId]/components/TreeListFile.svelte b/gitbutler-ui/src/routes/[projectId]/components/TreeListFile.svelte
index bf5c32e58..6a65cfba6 100644
--- a/gitbutler-ui/src/routes/[projectId]/components/TreeListFile.svelte
+++ b/gitbutler-ui/src/routes/[projectId]/components/TreeListFile.svelte
@@ -80,6 +80,10 @@
 <style lang="postcss">
 	.draggable-wrapper {
 		display: inline-block;
+		margin-bottom: var(--space-2);
+		&:last-child {
+			margin-bottom: 0;
+		}
 	}
 	.tree-list-file {
 		display: inline-flex;