diff --git a/physics/templates/physics/exam_take.html b/physics/templates/physics/exam_take.html
index 2a307956..f3f146af 100755
--- a/physics/templates/physics/exam_take.html
+++ b/physics/templates/physics/exam_take.html
@@ -22,38 +22,38 @@
                 <div class="form-contents">
                     <ol class="physics-answer-list">
                         <li data-ans="a">
-                            <div class="fieldWrapper">
+                            <div class="fieldWrapper flex-container">
                                 {{ form.a.errors }}
-                                <label for="{{ form.a.id_for_label }}">{{question.a|safe}}</label>
-                                {{ form.a }}
+                                <label for="{{ form.a.id_for_label }}" class="flex-8">{{question.a|safe}}</label>
+                                <span class="flex-1">{{ form.a }}</span>
                             </div>
                         </li>
                         <li data-ans="b">
-                            <div class="fieldWrapper">
+                            <div class="fieldWrapper flex-container">
                                 {{ form.b.errors }}
-                                <label for="{{ form.b.id_for_label }}">{{question.b|safe}}</label>
-                                {{ form.b }}
+                                <label for="{{ form.b.id_for_label }}" class="flex-8">{{question.b|safe}}</label>
+                                <span class="flex-1">{{ form.b }}</span>
                             </div>
                         </li>
                         <li data-ans="c">
-                            <div class="fieldWrapper">
+                            <div class="fieldWrapper flex-container">
                                 {{ form.c.errors }}
-                                <label for="{{ form.c.id_for_label }}">{{question.c|safe}}</label>
-                                {{ form.c }}
+                                <label for="{{ form.c.id_for_label }}" class="flex-8">{{question.c|safe}}</label>
+                                <span class="flex-1">{{ form.c }}</span>
                             </div>
                         </li>
                         <li data-ans="d">
-                            <div class="fieldWrapper">
+                            <div class="fieldWrapper flex-container">
                                 {{ form.d.errors }}
-                                <label for="{{ form.d.id_for_label }}">{{question.d|safe}}</label>
-                                {{ form.d }}
+                                <label for="{{ form.d.id_for_label }}" class="flex-8">{{question.d|safe}}</label>
+                                <span class="flex-1">{{ form.d }}</span>
                             </div>
                         </li>
                         <li data-ans="e">
-                            <div class="fieldWrapper">
+                            <div class="fieldWrapper flex-container">
                                 {{ form.e.errors }}
-                                <label for="{{ form.e.id_for_label }}">{{question.e|safe}}</label>
-                                {{ form.e }}
+                                <label for="{{ form.e.id_for_label }}" class="flex-8">{{question.e|safe}}</label>
+                                <span class="flex-1">{{ form.e }}</span>
                             </div>
                         </li>
                     </ol>
@@ -135,6 +135,17 @@
         /*     .form-contents {
         display: none;
     } */
+        .flex-container {
+            display: flex;
+        }
+
+        .flex-1 {
+            flex: 1;
+        }
+
+        .flex-8 {
+            flex: 8;
+        }
 
         .selected {
             border: 1px solid purple;