diff --git a/src/humulus/templates/recipes/info.html b/src/humulus/templates/recipes/info.html
index ae67641..cce2c60 100644
--- a/src/humulus/templates/recipes/info.html
+++ b/src/humulus/templates/recipes/info.html
@@ -73,6 +73,10 @@
           {{ recipe|recipe_fg }}
         {% endif %}
       </dd>
+    </dl>
+  </div>
+  <div class="col">
+    <dl>
       <dt>Alcohol</dt>
       <dd>
         {% if style %}
@@ -81,6 +85,14 @@
           {{ recipe|recipe_abv }} %/vol.
         {% endif %}
       </dd>
+      <dt>Color</dt>
+      <dd>
+        {% if style %}
+          {{ macros.render_progressbar(recipe|recipe_srm|float, style.srm.low|float, style.srm.high|float, unit=' SRM', class='spec-progress') }}
+        {% else %}
+          {{ recipe|recipe_srm }} SRM
+        {% endif %}
+      </dd>
     </dl>
   </div>
   <div class="col">
@@ -95,14 +107,6 @@
       </dd>
       <dt>Bitterness Ratio</dt>
       <dd>{{ recipe|recipe_ibu_ratio }} IBU/OG</dd>
-      <dt>Color</dt>
-      <dd>
-        {% if style %}
-          {{ macros.render_progressbar(recipe|recipe_srm|float, style.srm.low|float, style.srm.high|float, unit=' SRM', class='spec-progress') }}
-        {% else %}
-          {{ recipe|recipe_srm }} SRM
-        {% endif %}
-      </dd>
     </dl>
   </div>
 </div>