From 5594771ad8dd57123f1bbdeccd0437855b14fc86 Mon Sep 17 00:00:00 2001
From: Arthur <creeperkatze.dev@gmail.com>
Date: Mon, 9 Mar 2026 20:25:15 +0100
Subject: [PATCH] Fix misc ui overflow issues (#5357)

Co-authored-by: Creeperkatze <178587183+Creeperkatze@users.noreply.github.com>
---
 apps/frontend/src/components/ui/NavStack.vue          | 2 +-
 packages/ui/src/components/settings/ThemeSelector.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/frontend/src/components/ui/NavStack.vue b/apps/frontend/src/components/ui/NavStack.vue
index 24f183dcd..4e2735d19 100644
--- a/apps/frontend/src/components/ui/NavStack.vue
+++ b/apps/frontend/src/components/ui/NavStack.vue
@@ -19,7 +19,7 @@
 					<NuxtLink
 						v-else-if="item.link ?? item.to"
 						:to="(item.link ?? item.to) as string"
-						class="nav-item inline-flex w-full cursor-pointer items-center gap-2 text-nowrap rounded-xl border-none bg-transparent px-4 py-2.5 text-left text-base font-semibold leading-tight text-button-text transition-all hover:bg-button-bg hover:text-contrast active:scale-[0.97]"
+						class="nav-item inline-flex w-full cursor-pointer items-center gap-2 rounded-xl border-none bg-transparent px-4 py-2.5 text-left text-base font-semibold leading-tight text-button-text transition-all hover:bg-button-bg hover:text-contrast active:scale-[0.97]"
 						:class="{ 'is-active': isActive(item as NavStackLinkItem) }"
 					>
 						<component
diff --git a/packages/ui/src/components/settings/ThemeSelector.vue b/packages/ui/src/components/settings/ThemeSelector.vue
index 378f673ca..80ec1be2d 100644
--- a/packages/ui/src/components/settings/ThemeSelector.vue
+++ b/packages/ui/src/components/settings/ThemeSelector.vue
@@ -98,7 +98,7 @@ function getPreviewClass(option: T): string {
 <style scoped lang="scss">
 .theme-options {
 	display: grid;
-	grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
+	grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
 	gap: var(--gap-lg);
 
 	.preview {