diff --git a/packages/console/src/pages/Applications/components/ProtectedAppForm/index.module.scss b/packages/console/src/pages/Applications/components/ProtectedAppForm/index.module.scss
index 44fa0a8bc..44893cfe4 100644
--- a/packages/console/src/pages/Applications/components/ProtectedAppForm/index.module.scss
+++ b/packages/console/src/pages/Applications/components/ProtectedAppForm/index.module.scss
@@ -42,6 +42,10 @@ form {
   }
 }
 
+.input {
+  background: var(--color-layer-1);
+}
+
 .domainFieldWrapper {
   display: flex;
   width: 100%;
diff --git a/packages/console/src/pages/Applications/components/ProtectedAppForm/index.tsx b/packages/console/src/pages/Applications/components/ProtectedAppForm/index.tsx
index f65ba1ffc..4ecf166b7 100644
--- a/packages/console/src/pages/Applications/components/ProtectedAppForm/index.tsx
+++ b/packages/console/src/pages/Applications/components/ProtectedAppForm/index.tsx
@@ -122,6 +122,7 @@ function ProtectedAppForm({
           tip={conditional(!hasDetailedInstructions && t('protected_app.form.url_field_tooltip'))}
         >
           <TextInput
+            className={styles.input}
             {...register('origin', {
               required: true,
               validate: (value) =>
@@ -153,7 +154,7 @@ function ProtectedAppForm({
         >
           <div className={styles.domainFieldWrapper}>
             <TextInput
-              className={styles.subdomain}
+              className={classNames(styles.input, styles.subdomain)}
               {...register('subDomain', {
                 required: true,
                 validate: (value) =>