- updated button to match

src/components/UI/ModalComponent.tsx

@@ -7,16 +7,12 @@ type ModalComponentProps = {
   close: () => void;
 };
 
-const ModalComponent = ({
-  isModalOpen,
-  children,
-  close,
-}: ModalComponentProps) => {
+const ModalComponent = ({ isModalOpen, children, close }: ModalComponentProps) => {
   return (
     <Modal
       isOpen={isModalOpen}
       onRequestClose={close}
-      className="bg-[#1e2a38] p-6 rounded-lg shadow-lg max-w-[90%] mx-auto mt-[1%] md:w-[80%] md:h-[95%] z-[100] overflow-y-auto max-h-screen"
+      className="bg-[#1e2a38] p-6 rounded-lg shadow-lg max-w-[80%] mx-auto mt-[1%] md:w-[70%] md:h-[95%] z-[100] overflow-y-auto max-h-screen"
       overlayClassName="fixed inset-0 bg-[#1e2a38]/70 flex justify-center items-start z-100"
     >
       {children}

src/components/UI/NavigationArrow.tsx

@@ -11,7 +11,6 @@ const NavigationArrow = ({ side, settingsPage }: NavigationArrowProps) => {
   const navigate = useNavigate();
 
   const navigationDest = (side: string | undefined) => {
-    console.log(side);
     if (settingsPage) {
       navigate("/");
       return;