diff --git a/components/QueryDrawer.tsx b/components/QueryDrawer.tsx
index 1082984..e2bfae3 100644
--- a/components/QueryDrawer.tsx
+++ b/components/QueryDrawer.tsx
@@ -66,7 +66,7 @@ const QueryDrawer = () => {
 
   return (
     <Drawer open={queryStore.showDrawer} anchor="right" className="w-full" onClose={close}>
-      <div className="w-screen sm:w-[640px] max-w-full flex flex-col justify-start items-start p-4">
+      <div className="w-screen sm:w-[calc(60vw)] lg:w-[calc(50vw)] 2xl:w-[calc(40vw)] max-w-full flex flex-col justify-start items-start p-4">
         <button className="btn btn-sm btn-circle" onClick={close}>
           <Icon.IoMdClose className="w-5 h-auto" />
         </button>
diff --git a/utils/openai.ts b/utils/openai.ts
index 19ded99..3c8dd5b 100644
--- a/utils/openai.ts
+++ b/utils/openai.ts
@@ -1 +1 @@
-export const openAIApiKey = "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";
+export const openAIApiKey = process.env.OPENAI_API_KEY;