diff --git a/gitbutler-ui/src/lib/components/FileListItem.svelte b/gitbutler-ui/src/lib/components/FileListItem.svelte
index e60f588db..6a380f68d 100644
--- a/gitbutler-ui/src/lib/components/FileListItem.svelte
+++ b/gitbutler-ui/src/lib/components/FileListItem.svelte
@@ -81,7 +81,7 @@
.file-list-item {
display: flex;
align-items: center;
- height: var(--size-btn-m);
+ height: var(--space-28);
padding: var(--space-4) var(--space-8);
gap: var(--space-16);
border-radius: var(--radius-s);
diff --git a/gitbutler-ui/src/lib/components/Navigation.svelte b/gitbutler-ui/src/lib/components/Navigation.svelte
index 1fa0cb5b7..be630ca78 100644
--- a/gitbutler-ui/src/lib/components/Navigation.svelte
+++ b/gitbutler-ui/src/lib/components/Navigation.svelte
@@ -72,7 +72,7 @@
-
+
.draggable-wrapper {
display: inline-block;
+ width: 100%;
margin-bottom: var(--space-2);
&:last-child {
margin-bottom: 0;
@@ -92,6 +93,7 @@
padding: var(--space-6) var(--space-8) var(--space-6) var(--space-6);
gap: var(--space-6);
border-radius: var(--radius-s);
+ width: 100%;
max-width: 100%;
background: var(--clr-theme-container-light);
&:not(.selected):hover {
diff --git a/gitbutler-ui/src/lib/components/TreeListFolder.svelte b/gitbutler-ui/src/lib/components/TreeListFolder.svelte
index ed4579c5f..2ac762bf8 100644
--- a/gitbutler-ui/src/lib/components/TreeListFolder.svelte
+++ b/gitbutler-ui/src/lib/components/TreeListFolder.svelte
@@ -81,7 +81,8 @@
.tree-list-folder {
display: flex;
align-items: center;
- height: var(--size-btn-m);
+ height: var(--space-28);
+ width: 100%;
padding: var(--space-4) var(--space-8) var(--space-4) var(--space-4);
gap: var(--space-6);
border-radius: var(--radius-s);