diff --git a/packages/mobile/src/page/Home/Restaurant/EmptyCafeteria/index.tsx b/packages/mobile/src/page/Home/Restaurant/EmptyCafeteria/index.tsx
index 99b57f74..21676258 100644
--- a/packages/mobile/src/page/Home/Restaurant/EmptyCafeteria/index.tsx
+++ b/packages/mobile/src/page/Home/Restaurant/EmptyCafeteria/index.tsx
@@ -1,3 +1,5 @@
+import { Link } from "react-router-dom";
+
 import classNames from "classnames";
 import BorderBox from "src/components/atoms/BorderBox";
 import { Write } from "src/components/atoms/icon";
@@ -27,9 +29,9 @@ function EmptyCafeteria({ className, cafeteriaName, onClick }: Props) {
         </button>
       </div>
       <Line />
-      <div className={$["food-box"]}>
+      <Link to="/cafeteria" className={$["food-box"]}>
         <span className={$["empty-menu"]}>지금은 식단이 없어요</span>
-      </div>
+      </Link>
     </BorderBox>
   );
 }
diff --git a/packages/mobile/src/page/Home/Restaurant/Selected/index.tsx b/packages/mobile/src/page/Home/Restaurant/Selected/index.tsx
index f3693edc..5b787f22 100644
--- a/packages/mobile/src/page/Home/Restaurant/Selected/index.tsx
+++ b/packages/mobile/src/page/Home/Restaurant/Selected/index.tsx
@@ -1,3 +1,5 @@
+import { Link } from "react-router-dom";
+
 import { CafeteriaMenu } from "@shared/swagger-api/generated";
 import classNames from "classnames";
 import { Dayjs } from "dayjs";
@@ -71,13 +73,9 @@ function Selected(props: Props) {
         <span className={$.time}>{mealPeriod}</span>
       </div>
       <Line />
-      <div className={$["food-box"]}>
-        {menuData.menu ? (
-          <p className={$["cafeteria-content"]}>{menuData.menu}</p>
-        ) : (
-          <span className={$["empty-menu"]}>지금은 식단이 없어요</span>
-        )}
-      </div>
+      <Link to="/cafeteria" className={$["food-box"]}>
+        <p className={$["cafeteria-content"]}>{menuData.menu}</p>
+      </Link>
     </BorderBox>
   );
 }