fixes

frontend/src/components/APIKeyModal.tsx

@@ -32,7 +32,7 @@ export default function APIKeyModal({
         isApiModalOpen ? 'visible' : 'hidden'
       } absolute z-30  h-screen w-screen  bg-gray-alpha`}
     >
-      <article className="mx-auto mt-24 flex w-128 flex-col gap-4 rounded-lg bg-white p-6 shadow-lg">
+      <article className="mx-auto mt-24 flex w-[90vw] max-w-lg  flex-col gap-4 rounded-lg bg-white p-6 shadow-lg">
         <p className="text-xl text-jet">OpenAI API Key</p>
         <p className="text-lg leading-5 text-gray-500">
           Before you can start using DocsGPT we need you to provide an API key

frontend/src/components/Navigation/Navigation.tsx

@@ -17,6 +17,7 @@ function MobileNavigation({
   setIsApiModalOpen: React.Dispatch<React.SetStateAction<boolean>>;
 }) {
   //TODO - Need to replace Chat button to open secondary nav with scrollable past chats option and new chat at top
+  //TODO - Need to add Discord and Github links
   return (
     <div
       className={`${
@@ -68,6 +69,13 @@ function MobileNavigation({
             <img src={Link} alt="info" className="ml-2 w-5" />
             <p className="my-auto text-eerie-black">Github</p>
           </div>
+          <div
+            className="flex h-12 cursor-pointer gap-4 rounded-md px-6 hover:bg-gray-100"
+            onClick={() => setIsApiModalOpen(true)}
+          >
+            <img src={Key} alt="info" className="ml-2 w-5" />
+            <p className="my-auto text-eerie-black">Reset Key</p>
+          </div>
         </nav>
       )}
     </div>