diff --git a/anatomy/static/css/anatomy.css b/anatomy/static/css/anatomy.css
index 17994db5..076a485f 100644
--- a/anatomy/static/css/anatomy.css
+++ b/anatomy/static/css/anatomy.css
@@ -650,4 +650,5 @@ input {
 
 .sba-answer-list {
   list-style-type: lower-alpha;
+  display: flex;
 }
\ No newline at end of file
diff --git a/sbas/templates/sbas/exam_take.html b/sbas/templates/sbas/exam_take.html
index 80734429..8e582437 100755
--- a/sbas/templates/sbas/exam_take.html
+++ b/sbas/templates/sbas/exam_take.html
@@ -14,9 +14,9 @@ CID: {{cid}}
     <li data-ans="e">{{question.e_answer|safe}}</li>
 </ul>
 
-<ul id="menu-list">
+<div id="menu-list">
 
-</ul>
+</div>
  
 <div>
 
@@ -57,7 +57,7 @@ CID: {{cid}}
         {% endif %}
 
         for (let i = 1; i < {{exam_length}} + 1; i++) {
-            $("#menu-list").append($(`<li>${i}</li>`));
+            $("#menu-list").append($(`<div class="question-menu-item">${i}</div>`));
         }
     })
 </script>
diff --git a/static/css/anatomy.css b/static/css/anatomy.css
index 17994db5..076a485f 100644
--- a/static/css/anatomy.css
+++ b/static/css/anatomy.css
@@ -650,4 +650,5 @@ input {
 
 .sba-answer-list {
   list-style-type: lower-alpha;
+  display: flex;
 }
\ No newline at end of file