diff --git a/styles/sections/_task_order.scss b/styles/sections/_task_order.scss
index 01123107..a45da134 100644
--- a/styles/sections/_task_order.scss
+++ b/styles/sections/_task_order.scss
@@ -258,22 +258,22 @@
     }
   }
 
-  .alert {
-    padding: 1.5rem;
-
-    .usa-input {
-      width: 100%;
-      margin: 0;
-    }
-  }
-
   input[type="text"]:disabled {
     color: $color-gray-lighter;
     font-style: italic;
   }
 
-  .task-order__invite-dod-id {
+  .task-order__invite-officer {
+    padding: 1.5rem;
+    background-color: $color-aqua-lightest;
+    border-color: $color-blue;
+    border-left-style: solid;
+    border-left-width: $gap / 2;
 
+    .usa-input {
+      width: 100%;
+      margin: 0;
+    }
   }
 }
 
diff --git a/templates/components/text_input.html b/templates/components/text_input.html
index 210c8178..3bd95cc4 100644
--- a/templates/components/text_input.html
+++ b/templates/components/text_input.html
@@ -12,6 +12,7 @@
   paragraph=False,
   disabled=False,
   initial_value='',
+  classes='',
   noMaxWidth=False) -%}
 
   <textinput
@@ -26,7 +27,7 @@
     inline-template>
 
     <div
-      {% if disabled %}class="input--disabled"{% endif %}
+      class='{% if disabled %}input--disabled{% endif %}{{ classes }}'
       v-bind:class="['usa-input usa-input--validation--' + validation, { 'usa-input--error': showError, 'usa-input--success': showValid, 'usa-input--validation--paragraph': paragraph, 'no-max-width': noMaxWidth }]">
 
       <label for={{field.name}}>
diff --git a/templates/task_orders/new/oversight.html b/templates/task_orders/new/oversight.html
index ac8d39cb..e3cb255e 100644
--- a/templates/task_orders/new/oversight.html
+++ b/templates/task_orders/new/oversight.html
@@ -18,7 +18,7 @@
         {{ UserInfo(form.ko_first_name, form.ko_last_name, form.ko_email, form.ko_phone_number) }}
         {{ CheckboxInput(form.ko_invite) }}
         <template v-if="ko_invite">
-            {{ TextInput(form.ko_dod_id, placeholder="1234567890", tooltip="Why", tooltip_title='Why', validation='dodId')}}
+            {{ TextInput(form.ko_dod_id, placeholder="1234567890", tooltip="Why", tooltip_title='Why', validation='dodId', classes="task-order__invite-officer")}}
         </template>
 
         <hr />
@@ -30,7 +30,7 @@
             {{ UserInfo(form.cor_first_name, form.cor_last_name, form.cor_email, form.cor_phone_number) }}
             {{ CheckboxInput(form.cor_invite) }}
             <template v-if="cor_invite">
-                {{ TextInput(form.cor_dod_id, placeholder="1234567890", tooltip="Why", tooltip_title='Why', validation='dodId')}}
+                {{ TextInput(form.cor_dod_id, placeholder="1234567890", tooltip="Why", tooltip_title='Why', validation='dodId', classes="task-order__invite-officer")}}
             </template>
         </template>
 
@@ -41,7 +41,7 @@
         {{ UserInfo(form.so_first_name, form.so_last_name, form.so_email, form.so_phone_number) }}
         {{ CheckboxInput(form.so_invite) }}
         <template v-if="so_invite">
-            {{ TextInput(form.so_dod_id, placeholder="1234567890", tooltip="Why", tooltip_title='Why', validation='dodId')}}
+            {{ TextInput(form.so_dod_id, placeholder="1234567890", tooltip="Why", tooltip_title='Why', validation='dodId', classes="task-order__invite-officer")}}
         </template>
     </div>
 </oversight>