diff --git a/app/javascript/flavours/glitch/features/account/components/header.js b/app/javascript/flavours/glitch/features/account/components/header.js
index 044155cd881..15bd6b36578 100644
--- a/app/javascript/flavours/glitch/features/account/components/header.js
+++ b/app/javascript/flavours/glitch/features/account/components/header.js
@@ -38,6 +38,8 @@ export default class Header extends ImmutablePureComponent {
let displayName = account.get('display_name_html');
let fields = account.get('fields');
+ let badge = account.get('bot') ? (
) : null;
+
let info = '';
let mutingInfo = '';
let actionBtn = '';
@@ -99,6 +101,9 @@ export default class Header extends ImmutablePureComponent {
@{account.get('acct')} {account.get('locked') ? : null}
+
+ {badge}
+
{fields.size > 0 && (
diff --git a/app/javascript/flavours/glitch/styles/components/accounts.scss b/app/javascript/flavours/glitch/styles/components/accounts.scss
index 84d3f6adefd..5167a507ee9 100644
--- a/app/javascript/flavours/glitch/styles/components/accounts.scss
+++ b/app/javascript/flavours/glitch/styles/components/accounts.scss
@@ -509,3 +509,9 @@
margin-bottom: 0;
}
}
+
+.account__header .roles {
+ margin-top: 20px;
+ margin-bottom: 20px;
+ padding: 0 15px;
+}