diff --git a/public/css/style.css b/public/css/style.css
index baa5892..2fc76b2 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -44,19 +44,27 @@ h1 {
     width: 100%;
 }
 
-#results-container {
+.results-container {
     display: none;
+    justify-items: center;
 }
 
-#results-container h3 {
+.results-container h3 {
     display: flex;
     width: 100%;
     flex-direction: row;
     justify-content: space-between;
 }
 
-table {
+.results-container#comment table {
     width: 100%;
+}
+
+.results-container#refinement table {
+    text-align: center;
+}
+
+table {
     border-collapse: collapse;
 }
 
@@ -102,11 +110,11 @@ table tbody td:nth-child(1) {
 }
 
 /* style score header */
-table th:nth-child(3) {
+.results-container#comment table th:nth-child(3) {
     white-space: nowrap;
 }
 
 /* style score column values */
-table tbody td:nth-child(3) {
+.results-container#comment table tbody td:nth-child(3) {
     text-align: right;
 }
diff --git a/public/index.html b/public/index.html
index c8c0742..f0ff2c2 100644
--- a/public/index.html
+++ b/public/index.html
@@ -56,8 +56,8 @@
         </div>
     </div>
 
-    <div id="results-container">
-        <h3>Results<button id="download-results">Download</button></h3>
+    <div id="comment" class="results-container">
+        <h3>Results Comment Generation<button class="download-results">Download</button></h3>
         <table class="sortable">
             <thead>
                 <tr>
@@ -71,6 +71,21 @@
         </table>
     </div>
 
+    <div id="refinement" class="results-container">
+        <h3>Results Code Refinement<button class="download-results">Download</button></h3>
+        <table class="sortable">
+            <thead>
+                <tr>
+                    <th>id</th>
+                    <th>Compiled</th>
+                    <th>Tested</th>
+                </tr>
+            </thead>
+            <tbody>
+            </tbody>
+        </table>
+    </div>
+
 </body>
 
 </html>