diff --git a/foods.db b/foods.db
index 51e282b..9f2a853 100644
Binary files a/foods.db and b/foods.db differ
diff --git a/templates/food.html b/templates/food.html
index c280ac3..0b2e1cf 100644
--- a/templates/food.html
+++ b/templates/food.html
@@ -21,17 +21,17 @@
       {% if loop.index as i32 <= food.target_servings %}
       <label class="ok">
         {% if loop.index as i32 <= food.actual_servings %}
-        <input type="checkbox" checked hx-post="/set/{{ food.id }}/to/{{ loop.index as i32 - 1}}" hx-target="#card-{{ food.id }}">
+        <input type="button" hx-post="/set/{{ food.id }}/to/{{ loop.index as i32 - 1}}" hx-target="#card-{{ food.id }}" value="●" class="checked">
         {% else %}
-        <input type="checkbox" hx-post="/set/{{ food.id }}/to/{{ loop.index as i32 }}" hx-target="#card-{{ food.id }}">
+        <input type="button" hx-post="/set/{{ food.id }}/to/{{ loop.index as i32 }}" hx-target="#card-{{ food.id }}" value="●" class="unchecked">
         {% endif %}
       </label>
       {% else %}
       <label class="bad">
         {% if loop.index as i32 <= food.actual_servings %}
-        <input type="checkbox" checked hx-post="/set/{{ food.id }}/to/{{ loop.index as i32 - 1}}" hx-target="#card-{{ food.id }}">
+        <input type="button" hx-post="/set/{{ food.id }}/to/{{ loop.index as i32 - 1}}" hx-target="#card-{{ food.id }}" value="●" class="checked">
         {% else %}
-        <input type="checkbox" hx-post="/set/{{ food.id }}/to/{{ loop.index as i32 }}" hx-target="#card-{{ food.id }}">
+        <input type="button" hx-post="/set/{{ food.id }}/to/{{ loop.index as i32 }}" hx-target="#card-{{ food.id }}" value="●" class="unchecked">
         {% endif %}
       </label>
       {% endif %}
diff --git a/templates/index.html b/templates/index.html
index 5893591..90dcc9d 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -132,5 +132,22 @@
     accent-color: hsl(from #cb8175 h 90% l);
     background-color: hsl(from #cb8175 h 60% l);
   }
+
+  input[type="button"] {
+    display: inline-block;
+    border: none;
+    width: 100%;
+    height: 100%;
+    background-color: inherit;
+    cursor: pointer;
+  }
+
+  .unchecked {
+    color: transparent;
+  }
+
+  input[type="button"]:hover {
+    background-color: beige;
+  }
   </style>
 </html>
\ No newline at end of file