diff --git a/app/javascript/css/forms.scss b/app/javascript/css/forms.scss
index 8a8c29c4f71..c8041860e97 100644
--- a/app/javascript/css/forms.scss
+++ b/app/javascript/css/forms.scss
@@ -79,7 +79,7 @@ select,
   &:hover {
     border-color: var(--grey-120);
   }
-  &:disabled {
+  &:disabled, &[readonly] {
     background: var(--grey-030);
     color: var(--input-text-color);
   }
diff --git a/components/financial_assistance/app/views/financial_assistance/applicants/_applicants.html.erb b/components/financial_assistance/app/views/financial_assistance/applicants/_applicants.html.erb
index deada24f6e3..5fedcf4beb6 100644
--- a/components/financial_assistance/app/views/financial_assistance/applicants/_applicants.html.erb
+++ b/components/financial_assistance/app/views/financial_assistance/applicants/_applicants.html.erb
@@ -4,23 +4,24 @@
   <p><%= l10n('insured.family_members.index.continue_to_get_insurance') %></p>
 
   <div id="primary-person" class="py-3">
+    <% primary_person = @application.primary_applicant %>
     <div class="d-flex flex-row">
       <h2><%= l10n('member') %> 1</h2>
-      <%= render '/financial_assistance/shared/info_needed', applicant: @application.primary_applicant %>
+      <%= render '/financial_assistance/shared/info_needed', applicant: primary_person %>
     </div>
 
-    <div id="member-<%= @application.primary_applicant.id %>-info-display" class="d-flex flex-row flex-wrap justify-content-between">
+    <div id="member-<%= primary_person.id %>-info-display" class="d-flex flex-row flex-wrap justify-content-between">
       <div>
         <label for="primary-name"><%= l10n("name")%></label>
-        <input id="primary-name" type="text" value="<%= "#{@person.first_name} #{@person.middle_name} #{@person.last_name}" %>" disabled >
+        <input id="primary-name" type="text" value="<%= "#{primary_person.first_name} #{primary_person.middle_name} #{primary_person.last_name}" %>" disabled >
       </div>
       <div>
         <label for="primary-age"><%= l10n("age")%></label>
-        <input id="primary-age" type="text" value="<%= @person.age_on(TimeKeeper.date_of_record) %>" disabled >
+        <input id="primary-age" type="text" value="<%= primary_person.age_on(TimeKeeper.date_of_record) %>" disabled >
       </div>
       <div>
         <label for="primary-gender"><%= l10n("gender")%></label>
-        <input id="primary-gender" type="text" value="<%= "#{@person.gender&.humanize}" %>" disabled >
+        <input id="primary-gender" type="text" value="<%= "#{primary_person.gender&.humanize}" %>" disabled >
       </div>
       <div>
         <label for="primary-relation"><%= l10n("relationship")%></label>
diff --git a/components/financial_assistance/app/views/financial_assistance/applicants/_edit.html.erb b/components/financial_assistance/app/views/financial_assistance/applicants/_edit.html.erb
index 16eecc49b0d..3bea81d437e 100644
--- a/components/financial_assistance/app/views/financial_assistance/applicants/_edit.html.erb
+++ b/components/financial_assistance/app/views/financial_assistance/applicants/_edit.html.erb
@@ -28,10 +28,10 @@
       <div class="d-flex mb-md-4">
         <div class="col-md-6 col-lg-3 p-0">
           <%= f.label :dob, l10n("date_of_birth"), class: "required" %>
-          <%= f.date_field :dob, placeholder: "MM/DD/YYYY", min: 110.years.ago, max:"9999-12-31", required: true, disabled: @applicant.is_primary_applicant? %>
+          <%= f.date_field :dob, placeholder: "MM/DD/YYYY", min: 110.years.ago, max:"9999-12-31", required: true, readonly: @applicant.is_primary_applicant? %>
         </div>
         <div class="col-md-6 col-lg-3 p-0">
-          <%= f.label :gender, l10n("gender"), class: 'required'  %>
+          <%= f.label :gender, l10n("gender"), class: 'required' %>
           <%= f.select :gender, [ [l10n("Male"), 'male'], [l10n("Female"), 'female'] ], {prompt: l10n("select_option")}, autocomplete: :off, required: true %>
           <a href="#sex_gender" data-toggle="modal" data-target="#sex_gender" class="d-block"><%= l10n("not_sure") %></a>
           <%= render partial: 'shared/modal_support_text_household', locals: {key: "sex_gender"} %>
@@ -44,10 +44,9 @@
           <% if EnrollRegistry.feature_enabled?(:ssn_ui_validation) %>
             <%= f.text_field :ssn, placeholder: "000-00-0000", class: "required keep-label mask-ssn",
               pattern: "(?!666|000|9\\d{2})\\d{3}[\\- ]{0,1}(?!00)\\d{2}[\\- ]{0,1}(?!0{4})\\d{4}", oninvalid: "this.setCustomValidity('Invalid Social Security number.')",
-              oninput: "this.setCustomValidity('')", disabled: @applicant.is_primary_applicant? %>
+              oninput: "this.setCustomValidity('')", readonly: @applicant.is_primary_applicant? %>
           <% else %>
-            <%= f.text_field :ssn, placeholder: "000-00-0000", class: "required mask-ssn", disabled: @applicant.is_primary_applicant?,
-              readonly: f.object.is_a?(Forms::EmployeeRole) %>
+            <%= f.text_field :ssn, placeholder: "000-00-0000", class: "required mask-ssn", readonly: @applicant.is_primary_applicant? || f.object.is_a?(Forms::EmployeeRole) %>
           <% end %>
         </div>
         <div class="col-md-6 col-lg-3 p-0 pt-md-4 no-ssn-container mr-auto">