diff --git a/src/humulus/templates/recipes/_macros.html b/src/humulus/templates/recipes/_macros.html
index 6b04beb..4214e74 100644
--- a/src/humulus/templates/recipes/_macros.html
+++ b/src/humulus/templates/recipes/_macros.html
@@ -51,7 +51,7 @@ function getSpecsURL() {
   -#}
   <div class="row"><div class="col"><h3>Fermentables</h3></div></div>
   <div id="ferms" data-length="{{ form.fermentables|length }}">
-    {% for fermentable in form.fermentables %}
+    {% for fermentable in form.fermentables|sort(attribute='amount.data', reverse=True) %}
     <div class="border pl-2 pr-2 pt-1 pb-1 ferm-form" data-index="{{ loop.index0 }}">
       <div class="row">
         <div class="col">
diff --git a/src/humulus/templates/recipes/info.html b/src/humulus/templates/recipes/info.html
index 368e282..c00ebf9 100644
--- a/src/humulus/templates/recipes/info.html
+++ b/src/humulus/templates/recipes/info.html
@@ -124,7 +124,7 @@
         <th>Color</th>
       </tr>
     </thead>
-    {%- for fermentable in recipe.fermentables -%}
+    {%- for fermentable in recipe.fermentables|sort(attribute='amount', reverse=True) -%}
     <tr>
       <td>{{ fermentable.name }}</td>
       <td>{{ fermentable.amount|float|round(2) }} lb.</td>