diff --git a/src/app/(route)/chat/[id]/ChatPage.tsx b/src/app/(route)/chat/[id]/ChatPage.tsx
index 509dd5b..ac336f2 100644
--- a/src/app/(route)/chat/[id]/ChatPage.tsx
+++ b/src/app/(route)/chat/[id]/ChatPage.tsx
@@ -103,7 +103,7 @@ export default function Chat() {
         )}
         <div
           ref={handleSetScrollRoot}
-          className="flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto pb-[10.5rem]"
+          className="flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto pb-42"
         >
           <InfiniteScroll
             root={scrollRoot}
@@ -145,8 +145,8 @@ export default function Chat() {
           </InfiniteScroll>
         </div>
       </div>
-      <div className="fixed bottom-10 left-1/2 z-10 flex w-full max-w-[816px] -translate-x-1/2 justify-center px-4">
-        <div className="h-[5.625rem] w-[45rem] shrink-0">
+      <div className="relative z-10 mb-15 flex w-full justify-center px-4">
+        <div className="w-full max-w-[816px] shrink-0">
           <ChatQueryBox onSubmit={handleSubmit} disabled={!connected} />
         </div>
       </div>
diff --git a/src/app/(route)/home/HomePage.tsx b/src/app/(route)/home/HomePage.tsx
index c8c340d..63cf8c1 100644
--- a/src/app/(route)/home/HomePage.tsx
+++ b/src/app/(route)/home/HomePage.tsx
@@ -16,7 +16,7 @@ export default function Home() {
   // 로딩중 화면
   if (creating || redirecting) {
     return (
-      <div className="flex h-screen w-full justify-center">
+      <div className="relative flex h-screen w-full justify-center">
         <div className="relative flex h-full w-full max-w-[816px] flex-1 flex-col px-4">
           <span className="bg-blue50 absolute top-6 right-0 max-w-[70%] rounded-2xl px-4 py-3 whitespace-pre-wrap">
             {form.firstChat}
@@ -27,8 +27,10 @@ export default function Home() {
           </div>
           {error && <p className="absolute top-0 left-0 text-red-500">문제가 발생했습니다.</p>}
         </div>
-        <div className="fixed bottom-10 left-1/2 flex w-full max-w-[816px] -translate-x-1/2">
-          <ChatQueryBox onSubmit={() => {}} disabled />
+        <div className="absolute bottom-0 left-0 z-10 mb-15 flex w-full justify-center px-4">
+          <div className="w-full max-w-[816px] shrink-0">
+            <ChatQueryBox onSubmit={() => {}} disabled />
+          </div>
         </div>
       </div>
     );