diff --git a/scipost/static/scipost/assets/css/_reports.scss b/scipost/static/scipost/assets/css/_reports.scss
index 0f45a330d14387622db65f5b56a457960fe47a62..871bb5accdaf88fc863fe537b54214286203a04a 100644
--- a/scipost/static/scipost/assets/css/_reports.scss
+++ b/scipost/static/scipost/assets/css/_reports.scss
@@ -18,3 +18,25 @@
         margin-top: 1rem;
     }
 }
+
+
+.ratings {
+    background-color: #f4f4f4;
+    display: inline-block;
+    border: 1px solid #ddd;
+    text-transform: capitalize;
+
+    > ul {
+        list-style: none;
+        display: flex;
+        padding: 0;
+        margin: 0;
+
+        li {
+            border: 1px solid #ddd;
+            margin: 2px 2px;
+            padding: 0.25rem 0.5rem;
+            background: $body-bg;
+        }
+    }
+}
diff --git a/scipost/static/scipost/assets/css/_tables.scss b/scipost/static/scipost/assets/css/_tables.scss
index 978a10b859c8d1258d781984409e1ae2e5639f96..8873b93c394e15c1ef958f4509818a1f193e5c59 100644
--- a/scipost/static/scipost/assets/css/_tables.scss
+++ b/scipost/static/scipost/assets/css/_tables.scss
@@ -28,17 +28,3 @@ table.contributor-info {
         vertical-align: top;
     }
 }
-
-.ratings {
-    background-color: $body-bg;
-    padding: 0.5rem;
-    display: inline-block;
-    border: 1px solid #ddd;
-    text-transform: capitalize;
-
-    th {
-        min-width: 120px;
-        text-align: right;
-        padding: 0.1rem 1rem;
-    }
-}
diff --git a/submissions/templates/submissions/_single_report_ratings.html b/submissions/templates/submissions/_single_report_ratings.html
index 5eeb8dcf8dac45be87c3152eb7ebb5adbe903d8b..56f04fc1bcde1fa93b098fdd873c68f4adf4c8af 100644
--- a/submissions/templates/submissions/_single_report_ratings.html
+++ b/submissions/templates/submissions/_single_report_ratings.html
@@ -1,32 +1,10 @@
 <div class="ratings">
-    <table>
-        <tr>
-            <th>Validity</th>
-            <td>{{ report.get_validity_display }}</td>
-        </tr>
-        <tr>
-            <th>Significance</th>
-            <td>{{ report.get_significance_display }}</td>
-        </tr>
-        <tr>
-            <th>Validity</th>
-            <td>{{ report.get_grammar_display }}</td>
-        </tr>
-        <tr>
-            <th>Originality</th>
-            <td>{{ report.get_originality_display }}</td>
-        </tr>
-        <tr>
-            <th>Clarity</th>
-            <td>{{ report.get_clarity_display }}</td>
-        </tr>
-        <tr>
-            <th>Formatting</th>
-            <td>{{ report.get_formatting_display }}</td>
-        </tr>
-        <tr>
-            <th>Grammar</th>
-            <td>{{ report.get_grammar_display }}</td>
-        </tr>
-    </table>
+    <ul>
+        <li>validity: {{report.get_validity_display}}</li>
+        <li>significance: {{report.get_significance_display}}</li>
+        <li>originality: {{report.get_originality_display}}</li>
+        <li>clarity: {{report.get_clarity_display}}</li>
+        <li>formatting: {{report.get_formatting_display}}</li>
+        <li>grammar: {{report.get_grammar_display}}</li>
+    </ul>
 </div>