diff --git a/src/components/PersonalSettings.vue b/src/components/PersonalSettings.vue
index 268c8167..f49fc4f6 100644
--- a/src/components/PersonalSettings.vue
+++ b/src/components/PersonalSettings.vue
@@ -5,7 +5,7 @@
 <template>
 	<div id="assistant_prefs" class="section">
 		<h2>
-			<AssistantIcon class="icon" />
+			<AssistantIcon />
 			{{ t('assistant', 'Nextcloud Assistant') }}
 		</h2>
 		<div id="assistant-content">
@@ -44,7 +44,7 @@
 				</span>
 			</div>
 			<div v-else>
-				<h3>{{ t('assistant', 'Configured Backends') }}</h3>
+				<h3>{{ t('assistant', 'Configured backends') }}</h3>
 				<p>{{ t('assistant', 'The following services are used as backends for Nextcloud Assistant:') }}</p>
 				<ul>
 					<li v-for="(providerName, taskName) in providers" :key="taskName">
@@ -129,7 +129,14 @@ export default {
 	#assistant-content {
 		margin-left: 40px;
 	}
-	h2,
+
+	h2 {
+		display: flex;
+		align-items: center;
+		justify-content: start;
+		gap: 8px;
+	}
+
 	.line,
 	.settings-hint {
 		display: flex;
@@ -150,10 +157,6 @@ export default {
 		}
 	}
 
-	h2 .icon {
-		margin-right: 8px;
-	}
-
 	.line {
 		> label {
 			width: 300px;