diff --git a/src/App.vue b/src/App.vue
index 5e114a40b..47401cf1f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -124,4 +124,8 @@ export default {
 	#content * {
 		box-sizing: border-box;
 	}
+
+	.multiselect {
+		width: 100%;
+	}
 </style>
diff --git a/src/components/navigation/AppNavigation.vue b/src/components/navigation/AppNavigation.vue
index e9919dac5..f56996595 100644
--- a/src/components/navigation/AppNavigation.vue
+++ b/src/components/navigation/AppNavigation.vue
@@ -53,9 +53,11 @@
 			<div id="app-settings-content">
 				<Multiselect v-model="groupLimit"
 					:class="{'icon-loading-small': groupLimitDisabled}"
+					open-direction="bottom"
 					:options="groups"
 					:multiple="true"
 					:disabled="groupLimitDisabled"
+					:placeholder="t('deck', 'Limit deck usage of groups')"
 					label="displayname"
 					track-by="id"
 					@input="updateConfig" />
@@ -155,8 +157,12 @@ export default {
 	},
 }
 </script>
-<style>
-	.multiselect {
-		width: 100%;
+<style scoped lang="scss">
+	#app-settings-content {
+		p {
+			margin-top: 20px;
+			margin-bottom: 20px;
+			color: var(--color-text-light);
+		}
 	}
 </style>