diff --git a/apps/app/components/TrainMenu/MenuList.tsx b/apps/app/components/TrainMenu/MenuList.tsx
index cd3fdd5..46c4bb6 100644
--- a/apps/app/components/TrainMenu/MenuList.tsx
+++ b/apps/app/components/TrainMenu/MenuList.tsx
@@ -8,7 +8,7 @@ import inIframe from "@/components/utils/inIframe";
 import GitHubLogo from "@/components/Icons/GitHubLogo";
 import TwitterLogo from "@/components/Icons/TwitterLogo";
 import Link from "next/link";
-import Popover from "@/components/Modal/popover";
+import VaulDrawer from "@/components/Modal/vaulModal";
 import SendFeedback from "@/components/sendFeedback";
 import Menu from "./Menu";
 import dynamic from "next/dynamic";
@@ -111,23 +111,23 @@ const MenuList: FC<{ goToStep: (step: MenuStep, path?: string) => void }> = ({ g
 
 
             <Menu.Group>
-                <Popover
-                    opener={
-                        <Menu.Item onClick={() => setOpenFeedbackModal(true)} target="_blank" icon={<MessageSquarePlus className="h-5 w-5" />} >
-                            Suggest a Feature
-                        </Menu.Item>
-                    }
-                    isNested={true}
-                    show={openFeedbackModal}
-                    header="Suggest a Feature"
-                    setShow={setOpenFeedbackModal}
-                    popoverId={"feedback"}
-                >
+                <Menu.Item onClick={() => setOpenFeedbackModal(true)} target="_blank" icon={<MessageSquarePlus className="h-5 w-5" />}>
+                    Suggest a Feature
+                </Menu.Item>
+            </Menu.Group>
+            <VaulDrawer
+                show={openFeedbackModal}
+                header="Suggest a Feature"
+                setShow={setOpenFeedbackModal}
+                modalId="suggestFeature"
+                mode="fitHeight"
+            >
+                <VaulDrawer.Snap id="item-1">
                     <div className="p-0 md:max-w-md">
                         <SendFeedback onSend={handleCloseFeedback} />
                     </div>
-                </Popover>
-            </Menu.Group>
+                </VaulDrawer.Snap>
+            </VaulDrawer>
 
             <div className="space-y-3 w-full">
                 <hr className="border-secondary-500" />
diff --git a/apps/app/components/TrainMenu/index.tsx b/apps/app/components/TrainMenu/index.tsx
index ab42e4d..23a832e 100644
--- a/apps/app/components/TrainMenu/index.tsx
+++ b/apps/app/components/TrainMenu/index.tsx
@@ -64,6 +64,7 @@ const Comp = () => {
             } />
             <Modal isOpen={isOpen} setIsOpen={setIsOpen}>
                 <ModalContent
+                    className="pb-4"
                     header={
                         <div className="inline-flex items-center w-full">
                             {
@@ -80,7 +81,7 @@ const Comp = () => {
                 >
                     {() => (
                         <div className="h-full openpicker" id="virtualListContainer">
-                            <Wizard wizardId='menuWizard' className="pb-4!">
+                            <Wizard wizardId='menuWizard' className="pb-4">
                                 <WizardItem StepName={MenuStep.Menu} inModal>
                                     <MenuList goToStep={handleGoToStep} />
                                 </WizardItem>