From 412c6f4d8fc1914115299abe3093d82b4fea2c8a Mon Sep 17 00:00:00 2001
From: zurdi <contact@zurdi.dev>
Date: Tue, 23 Dec 2025 13:42:21 +0000
Subject: [PATCH] fix: add margin class to LanguageSelector and make density
 prop optional

---
 frontend/src/components/Settings/UserInterface/Language.vue     | 2 +-
 .../src/components/Settings/UserInterface/LanguageSelector.vue  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Settings/UserInterface/Language.vue b/frontend/src/components/Settings/UserInterface/Language.vue
index 90119b232..177b3bab9 100644
--- a/frontend/src/components/Settings/UserInterface/Language.vue
+++ b/frontend/src/components/Settings/UserInterface/Language.vue
@@ -8,7 +8,7 @@ const { t } = useI18n();
 <template>
   <RSection icon="mdi-translate" :title="t('settings.language')" class="ma-2">
     <template #content>
-      <LanguageSelector />
+      <LanguageSelector class="ma-2" />
     </template>
   </RSection>
 </template>
diff --git a/frontend/src/components/Settings/UserInterface/LanguageSelector.vue b/frontend/src/components/Settings/UserInterface/LanguageSelector.vue
index 8ad53ab81..9e9ffa1bf 100644
--- a/frontend/src/components/Settings/UserInterface/LanguageSelector.vue
+++ b/frontend/src/components/Settings/UserInterface/LanguageSelector.vue
@@ -11,7 +11,7 @@ const localeStorage = useLocalStorage("settings.locale", "");
 
 withDefaults(
   defineProps<{
-    density: "comfortable" | "compact" | "default";
+    density?: "comfortable" | "compact" | "default";
   }>(),
   {
     density: "default",