diff --git a/styles/atat.scss b/styles/atat.scss
index 6ef73f66..2d18992e 100644
--- a/styles/atat.scss
+++ b/styles/atat.scss
@@ -24,6 +24,7 @@
 @import 'elements/menu';
 
 @import 'components/topbar';
+@import 'components/top_message';
 @import 'components/global_layout';
 @import 'components/global_navigation';
 @import 'components/portfolio_layout';
diff --git a/templates/fragments/ko_review_message.html b/templates/fragments/ko_review_message.html
index 46fe501b..3433e799 100644
--- a/templates/fragments/ko_review_message.html
+++ b/templates/fragments/ko_review_message.html
@@ -1,8 +1,7 @@
-<p>{{ "task_orders.ko_review.message" | translate }}</p>
-<br>
-<p>{{ "fragments.ko_review_message.title" | translate }}:</p>
-<ul>
-<li>{{ "fragments.ko_review_message.bullet_1" | translate }}</li>
-<li>{{ "fragments.ko_review_message.bullet_2" | translate }}</li>
-<li>{{ "fragments.ko_review_message.bullet_3" | translate }}</li>
+{{ "task_orders.ko_review.message" | translate }}
+<div class="list-title">{{ "fragments.ko_review_message.title" | translate }}:</div>
+<ul class="list">
+    <li class="list-item">{{ "fragments.ko_review_message.bullet_1" | translate }}</li>
+    <li class="list-item">{{ "fragments.ko_review_message.bullet_2" | translate }}</li>
+    <li class="list-item">{{ "fragments.ko_review_message.bullet_3" | translate }}</li>
 </ul>
diff --git a/templates/portfolios/task_orders/review.html b/templates/portfolios/task_orders/review.html
index db79f177..4165eefd 100644
--- a/templates/portfolios/task_orders/review.html
+++ b/templates/portfolios/task_orders/review.html
@@ -25,8 +25,10 @@
 
   {% block form %}
 
-    <div class="panel">
-      <h1 class="task-order-form__heading">{{ "task_orders.ko_review.title" | translate }}</div>
+    <div class="top-message">
+      <h1 class="subheading title">
+        {{ "task_orders.ko_review.title" | translate }}
+      </h1>
       {% include "fragments/ko_review_message.html" %}
     </div>