diff --git a/packages/rocketchat-ui-flextab/client/tabs/userInfo.html b/packages/rocketchat-ui-flextab/client/tabs/userInfo.html
index f7237d1d399..538d89b12a6 100644
--- a/packages/rocketchat-ui-flextab/client/tabs/userInfo.html
+++ b/packages/rocketchat-ui-flextab/client/tabs/userInfo.html
@@ -84,10 +84,16 @@
 						{{/if}}
 						{{#if utc}}
 							<div class="rc-user-info-details__item">
-								<label class="rc-user-info-details__label	">Timezone</label>
+								<label class="rc-user-info-details__label">Timezone</label>
 								<p class="rc-user-info-details__info">{{userTime}} (UTC {{utc}})</p>
 							</div>
 						{{/if}}
+						{{#each customField}}
+							<div class="rc-user-info-details__item">
+								<label class="rc-user-info-details__label">{{label}}</label>
+								<p class="rc-user-info-details__info">{{value}}</p>
+							</div>
+						{{/each}}
 						<div class="rc-user-info-details__item">
 							{{#if services.facebook.id}} <p class="secondary-font-color"><i class="icon-facebook"></i><a href="{{services.facebook.link}}" target="_blank">{{services.facebook.name}}</a></p> {{/if}}
 							{{#if services.github.id}} <p class="secondary-font-color"><i class="icon-github-circled"></i><a href="https://www.github.com/{{services.github.username}}" target="_blank">{{services.github.username}}</a></p> {{/if}}
diff --git a/packages/rocketchat-ui-flextab/client/tabs/userInfo.js b/packages/rocketchat-ui-flextab/client/tabs/userInfo.js
index e53b7594325..895f0a984a9 100644
--- a/packages/rocketchat-ui-flextab/client/tabs/userInfo.js
+++ b/packages/rocketchat-ui-flextab/client/tabs/userInfo.js
@@ -38,7 +38,7 @@ Template.userInfo.helpers({
 					_.map(el, (key, label) => {
 						const value = RocketChat.templateVarHandler(key, userCustomFields);
 						if (value) {
-							content = `${ label }: ${ value }`;
+							content = {label, value};
 						}
 					});
 				} else {