diff --git a/vue/src/apps/RecipeSearchView/RecipeSearchView.vue b/vue/src/apps/RecipeSearchView/RecipeSearchView.vue
index 8a5abac24..86fba2d55 100644
--- a/vue/src/apps/RecipeSearchView/RecipeSearchView.vue
+++ b/vue/src/apps/RecipeSearchView/RecipeSearchView.vue
@@ -837,7 +837,7 @@
                             <div
                                 style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); column-gap: 0.5rem;row-gap: 1rem; grid-auto-rows: max-content; ">
                                 <div v-for="day in meal_plan_grid" v-bind:key="day.day">
-                                    <b-list-group v-if="day.plan_entries.length > 0 || !isMobile">
+                                    <b-list-group :class="{'d-none d-sm-block': day.plan_entries.length === 0}">
                                         <b-list-group-item class="hover-div">
                                             <div class="d-flex flex-row align-items-center">
                                                 <div>
diff --git a/vue/src/components/BottomNavigationBar.vue b/vue/src/components/BottomNavigationBar.vue
index ae026d7d2..f88daae80 100644
--- a/vue/src/components/BottomNavigationBar.vue
+++ b/vue/src/components/BottomNavigationBar.vue
@@ -1,6 +1,6 @@
 <template>
     <!-- bottom button nav -->
-    <div class="fixed-bottom p-1 pt-2 border-top text-center d-md-none" style="background: white">
+    <div class="fixed-bottom p-1 pt-2 border-top text-center d-lg-none" style="background: white">
         <div class="d-flex flex-row justify-content-around">
             <div class="flex-column"><a class="nav-link bottom-nav-link p-0" v-bind:href="resolveDjangoUrl('view_search')">
                 <i class="fas fa-fw fa-book " style="font-size: 1.5em"></i><br/><small>Recipes</small></a>