diff --git a/src/components/meals/MealPlanPage.vue b/src/components/meals/MealPlanPage.vue
index 758e78e..9940678 100644
--- a/src/components/meals/MealPlanPage.vue
+++ b/src/components/meals/MealPlanPage.vue
@@ -14,9 +14,9 @@
                 </ul>
             </li>
         </ul>
-        <ul v-if="!meals.length">
-            <li>No meals planned</li>
-        </ul>
+        <div v-if="!meals.length">
+            <em>No meals planned</em>
+        </div>
         <action-item title="Plan Meal" :image="require('@/assets/plan-meal.svg')" @click="() => this.$router.push('/meals/add')" />
     </div>
 </template>