From e76a62b34a43ee1196b9e12b4c540910d1451aec Mon Sep 17 00:00:00 2001
From: Simon Backx <simon@ghost.org>
Date: Tue, 5 Jul 2022 10:40:26 +0200
Subject: [PATCH] Removed temporary inline styles

---
 apps/comments-ui/src/components/Form.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/comments-ui/src/components/Form.js b/apps/comments-ui/src/components/Form.js
index c3cea4c493..5a6c5ead88 100644
--- a/apps/comments-ui/src/components/Form.js
+++ b/apps/comments-ui/src/components/Form.js
@@ -58,15 +58,15 @@ class Form extends React.Component {
     render() {
         return (
             <form onSubmit={this.submitForm} className="comment-form">
-                <div style={{display: 'flex', flexDirection: 'row'}}>
-                    <figure style={{position: 'relative', marginRight: '15px'}}>
-                        <div style={{backgroundColor: 'black', width: '60px', height: '60px', borderRadius: '30px', color: 'white', textAlign: 'center', fontSize: '20px', fontWeight: 'bold', lineHeight: '60px'}}>
+                <div>
+                    <figure>
+                        <div>
                             { this.getInitials() }
                         </div>
-                        { this.context.member ? <img src={this.context.member.avatar_image} width="60" height="60" style={{position: 'absolute', left: '0', top: '0'}} alt="Avatar"/> : '' }
+                        { this.context.member ? <img src={this.context.member.avatar_image} width="60" height="60" alt="Avatar"/> : '' }
                     </figure>
                     <div>
-                        <div style={{fontWeight: 'bold'}}>
+                        <div>
                             {this.context.member ? this.context.member.name : ''}
                         </div>
                         <span>