diff --git a/frontend/index.html b/frontend/index.html
index 98013ba..28e6480 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -57,7 +57,6 @@
   <div id="pay-modal"></div>
   <div id="preview-img"></div>
   <div id="block-page"></div>
-  <div class="z-50 relative" id="cart"></div>
   <div id="root"></div>
   <script type="module" src="/src/main.jsx"></script>
 </body>
diff --git a/frontend/src/pages/Menu/Cart/index.jsx b/frontend/src/pages/Menu/Cart/index.jsx
index ac7756f..d3cd39b 100644
--- a/frontend/src/pages/Menu/Cart/index.jsx
+++ b/frontend/src/pages/Menu/Cart/index.jsx
@@ -1,10 +1,9 @@
 import { useBackButton } from "@/hooks/useBackButton";
 import React from "react";
-import { createPortal } from "react-dom";
 import FloatBtn from "./FloatBtn";
 import CartModal from "./Modal";
 
-function Cart() {
+export default function Cart() {
   const [isClose, setIsClose] = React.useState(true);
 
   useBackButton(() => {
@@ -25,8 +24,4 @@ function Cart() {
       <FloatBtn onClick={() => setIsClose(!isClose)} />
     </div>
   );
-}
-
-export default function CartWithPortal() {
-  return createPortal(<Cart />, document.getElementById("cart"));
 }
\ No newline at end of file