diff --git a/ghost/portal/src/components/common/ActionButton.js b/ghost/portal/src/components/common/ActionButton.js
index e1060ff2e0..241e444958 100644
--- a/ghost/portal/src/components/common/ActionButton.js
+++ b/ghost/portal/src/components/common/ActionButton.js
@@ -45,7 +45,7 @@ const Styles = ({brandColor, retry, disabled, style = {}}) => {
 function ActionButton({label, onClick, disabled, retry, brandColor, style}) {
     let Style = Styles({disabled, retry, brandColor, style});
     return (
-        <button onClick={e => onClick(e)} style={Style.button} className="gh-portal-btn gh-portal-btn-main gh-portal-btn-primary" disabled={disabled}>
+        <button className="gh-portal-btn gh-portal-btn-main gh-portal-btn-primary" style={Style.button} onClick={e => onClick(e)} disabled={disabled}>
             {label}
         </button>
     );
diff --git a/ghost/portal/src/components/common/InputField.js b/ghost/portal/src/components/common/InputField.js
index bb4f335aa0..dc0d322a05 100644
--- a/ghost/portal/src/components/common/InputField.js
+++ b/ghost/portal/src/components/common/InputField.js
@@ -41,13 +41,13 @@ function InputField({name, id, label, hideLabel, type, value, placeholder, disab
             <label htmlFor={id} className={labelClasses}> {label} </label>
             <input
                 id={id}
+                className='gh-portal-input'
                 type={type}
                 name={name}
-                placeholder={placeholder}
                 value={value}
-                className='gh-portal-input'
-                disabled={disabled}
+                placeholder={placeholder}
                 onChange={e => onChange(e, name)}
+                disabled={disabled}
                 aria-label={label}
             />
         </>
diff --git a/ghost/portal/src/components/common/MemberGravatar.js b/ghost/portal/src/components/common/MemberGravatar.js
index f6b26d3067..94ee088cec 100644
--- a/ghost/portal/src/components/common/MemberGravatar.js
+++ b/ghost/portal/src/components/common/MemberGravatar.js
@@ -8,7 +8,7 @@ export const AvatarStyles = `
         align-items: center;
         justify-content: center;
         overflow: hidden;
-        margin-bottom: 12px;
+        margin-bottom: 8px;
         border-radius: 999px;
     }
 `;
@@ -42,7 +42,7 @@ function MemberGravatar({gravatar, style}) {
     return (
         <figure className='gh-portal-avatar'>
             <UserIcon style={Style.userIcon} />
-            {gravatar ? <img src={gravatar} alt="Gravatar" style={Style.gravatar} /> : null}
+            {gravatar ? <img style={Style.gravatar} src={gravatar} alt="Gravatar" /> : null}
         </figure>
     );
 }