diff --git a/ghost/portal/src/components/Frame.styles.js b/ghost/portal/src/components/Frame.styles.js
index 0815febb18..a20f962278 100644
--- a/ghost/portal/src/components/Frame.styles.js
+++ b/ghost/portal/src/components/Frame.styles.js
@@ -155,7 +155,7 @@ export const GlobalStyles = `
         text-align: center;
     }
 
-    .gh-portal-setting-heading {
+    .gh-portal-input-label {
         font-size: 1.3rem;
         margin-bottom: 2px;
         font-weight: 500;
diff --git a/ghost/portal/src/components/common/InputField.js b/ghost/portal/src/components/common/InputField.js
index 6ae17a4a5a..7be2ac7c0e 100644
--- a/ghost/portal/src/components/common/InputField.js
+++ b/ghost/portal/src/components/common/InputField.js
@@ -19,7 +19,11 @@ export const InputFieldStyles = `
         transition: all 0.25s ease-in-out;
     }
 
-    .gh-portal-input:focus {
+    .gh-portal-input-label.hidden {
+        display: none;
+    }
+
+    .gh-portal-input-label:focus {
         border: none;
         box-shadow: 0px 0px 0px 1px #c5c5c5 , 0px 2px 4px 0px rgba(0, 0, 0, 0.07), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.05);
     }
@@ -29,11 +33,12 @@ export const InputFieldStyles = `
     }
 `;
 
-function InputField({name, id, label, type, value, placeholder, disabled, onChange, brandColor}) {
+function InputField({name, id, label, hideLabel, type, value, placeholder, disabled, onChange, brandColor}) {
     id = id || `input-${name}`;
+    const labelClasses = hideLabel ? 'gh-portal-input-label hidden' : 'gh-portal-input-label';
     return (
         <>
-            <label htmlFor={id} className='gh-portal-setting-heading'> {label} </label>
+            <label htmlFor={id} className={labelClasses}> {label} </label>
             <input
                 id={id}
                 type={type}
diff --git a/ghost/portal/src/components/common/PlansSection.js b/ghost/portal/src/components/common/PlansSection.js
index 4b98f92f00..cfb1c9d56f 100644
--- a/ghost/portal/src/components/common/PlansSection.js
+++ b/ghost/portal/src/components/common/PlansSection.js
@@ -209,7 +209,7 @@ function PlanLabel({showLabel}) {
         return null;
     }
     return (
-        <label className='gh-portal-setting-heading'>Plan</label>
+        <label className='gh-portal-input-label'>Plan</label>
     );
 }
 
diff --git a/ghost/portal/src/components/pages/AccountProfilePage.js b/ghost/portal/src/components/pages/AccountProfilePage.js
index 705b25fdc4..c650842ffe 100644
--- a/ghost/portal/src/components/pages/AccountProfilePage.js
+++ b/ghost/portal/src/components/pages/AccountProfilePage.js
@@ -169,7 +169,7 @@ export default class AccountProfilePage extends React.Component {
         return (
             <div className='flex items-center justify-between' style={{marginTop: '24px'}}>
                 <div className='flex flex-column flex-grow-1'>
-                    <h3 className='gh-portal-setting-heading'>Newsletter</h3>
+                    <h3 className='gh-portal-input-label'>Newsletter</h3>
                     <div className='gh-portal-setting-data'>{label}</div>
                 </div>
                 <div>
diff --git a/ghost/portal/src/components/pages/SigninPage.js b/ghost/portal/src/components/pages/SigninPage.js
index bd8e86b443..dfdbf275cc 100644
--- a/ghost/portal/src/components/pages/SigninPage.js
+++ b/ghost/portal/src/components/pages/SigninPage.js
@@ -65,7 +65,8 @@ export default class SigninPage extends React.Component {
         const field = fields[fieldName];
         return (
             <InputField
-                // label = {field.label}
+                label = {field.label}
+                hideLabel = {true}
                 type={field.type}
                 name={field.name}
                 placeholder={field.placeholder}