diff --git a/apps/federatedfilesharing/src/components/PersonalSettings.vue b/apps/federatedfilesharing/src/components/PersonalSettings.vue
index 6dd79541b21..9af9acacd23 100644
--- a/apps/federatedfilesharing/src/components/PersonalSettings.vue
+++ b/apps/federatedfilesharing/src/components/PersonalSettings.vue
@@ -68,11 +68,11 @@
 				</a>
 			</p>
 
-			<p>
-				{{ t('federatedfilesharing', 'HTML Code:') }}
+			<div>
+				<p>{{ t('federatedfilesharing', 'HTML Code:') }}</p>
 				<br>
-				<pre>{{ htmlCode }}</pre>
-			</p>
+				<pre><code>{{ htmlCode }}</code></pre>
+			</div>
 		</template>
 	</NcSettingsSection>
 </template>