diff --git a/templates/food.html b/templates/food.html
index 3a0fe85..c280ac3 100644
--- a/templates/food.html
+++ b/templates/food.html
@@ -5,7 +5,8 @@
   <div class="card-inner">
     <div class="amounts">
       <p class="unit">
-        <sup>1</sup>&frasl;<sub>4</sub> Cup
+        <!-- <sup>1</sup>&frasl;<sub>4</sub> Cup -->
+        {{ food.portion }}
       </p>
       <p class="kc">
         {{ food.kc_per_serving }} kc
diff --git a/templates/index.html b/templates/index.html
index 11badbf..5893591 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -91,6 +91,10 @@
     height: 2em;
   }
 
+  .amounts {
+    width: 4em;
+  }
+
   .increase {
     background-color: #cb8175;
   }