diff --git a/apps/settings/src/components/PersonalInfo/ProfileSection/ProfilePreviewCard.vue b/apps/settings/src/components/PersonalInfo/ProfileSection/ProfilePreviewCard.vue
index 0613352f30048..678daa14e8628 100644
--- a/apps/settings/src/components/PersonalInfo/ProfileSection/ProfilePreviewCard.vue
+++ b/apps/settings/src/components/PersonalInfo/ProfileSection/ProfilePreviewCard.vue
@@ -32,8 +32,7 @@
 			:show-user-status="true"
 			:show-user-status-compact="false"
 			:disable-menu="true"
-			:disable-tooltip="true"
-			@click.native.prevent.stop="openStatusModal" />
+			:disable-tooltip="true" />
 		<div class="preview-card__header">
 			<span>{{ displayName }}</span>
 		</div>
@@ -57,11 +56,11 @@ export default {
 	},
 
 	props: {
-		organisation: {
+		displayName: {
 			type: String,
 			required: true,
 		},
-		displayName: {
+		organisation: {
 			type: String,
 			required: true,
 		},
@@ -75,11 +74,6 @@ export default {
 		},
 	},
 
-	data() {
-		return {
-		}
-	},
-
 	computed: {
 		disabled() {
 			return !this.profileEnabled
@@ -95,9 +89,6 @@ export default {
 			return null
 		},
 	},
-
-	methods: {
-	},
 }
 </script>
 
@@ -171,17 +162,14 @@ export default {
 			color: var(--color-text-maxcontrast);
 			font-size: 14px;
 			font-weight: normal;
-			margin-top: 4px;
+			margin: 4px 4px 0 0;
 			line-height: 1.3;
 
 			overflow: hidden;
-			white-space: nowrap;
 			text-overflow: ellipsis;
+			word-break: break-all;
 
 			@supports (-webkit-line-clamp: 2) {
-				overflow: hidden;
-				white-space: initial;
-				text-overflow: ellipsis;
 				display: -webkit-box;
 				-webkit-line-clamp: 2;
 				-webkit-box-orient: vertical;