From b09f825b39851ebff3c9b8afed14a165b07801ca Mon Sep 17 00:00:00 2001
From: winchoose <tmdxor741@naver.com>
Date: Thu, 12 Feb 2026 15:22:26 +0900
Subject: [PATCH 1/2] =?UTF-8?q?fix:=20=EA=B9=A8=EC=A7=80=EB=8A=94=20?=
 =?UTF-8?q?=EB=B0=98=EC=9D=91=ED=98=95,=20UX=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/my/nickName-change.tsx                            | 2 +-
 src/page/post-detail-page.tsx                              | 4 ++--
 src/shared/ui/button.tsx                                   | 2 +-
 src/shared/ui/floatingActionButton.tsx                     | 4 ++--
 src/shared/ui/input.tsx                                    | 6 +++---
 src/widgets/create/dropDown.tsx                            | 2 +-
 src/widgets/create/modal-button.tsx                        | 2 +-
 src/widgets/create/textarea.tsx                            | 2 +-
 .../bottom-sheet/contents/bottom-sheet-location-search.tsx | 3 ++-
 src/widgets/main/dropBotton.tsx                            | 7 +++++--
 10 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/src/page/my/nickName-change.tsx b/src/page/my/nickName-change.tsx
index 49cd277..8177169 100644
--- a/src/page/my/nickName-change.tsx
+++ b/src/page/my/nickName-change.tsx
@@ -56,7 +56,7 @@ const NickNameChage = () => {
           <Input inputSize="lg" placeholder="닉네임을 입력하세요." />
         </div>
       </div>
-      <div className="fixed bottom-0 pb-[2rem] px-[2.4rem] ">
+      <div className="fixed w-full bottom-0 pb-[2rem] px-[2.4rem] ">
         <Button>저장하기</Button>
       </div>
     </div>
diff --git a/src/page/post-detail-page.tsx b/src/page/post-detail-page.tsx
index b189f78..c00870e 100644
--- a/src/page/post-detail-page.tsx
+++ b/src/page/post-detail-page.tsx
@@ -144,9 +144,9 @@ const PostDetailPage = () => {
         <Comment comments={mockComments} />
       </div>
       {canApply && (
-        <div className="flex flex-col items-center pt-[2rem]">
+        <div className="flex flex-col items-center px-[2.4rem] pt-[2rem]">
           <Button>참가 신청하기</Button>
-          <div className="flex gap-[1.6rem] justify-center py-[1.4rem]">
+          <div className="flex w-full gap-[1.6rem] py-[1.4rem]">
             <Input inputSize="sm" placeholder="댓글을 입력해주세요" />
             <FloatingActionButton
               mode="inline"
diff --git a/src/shared/ui/button.tsx b/src/shared/ui/button.tsx
index 11ca76b..39b13f2 100644
--- a/src/shared/ui/button.tsx
+++ b/src/shared/ui/button.tsx
@@ -14,7 +14,7 @@ const ButtonVariants = cva('rounded-[16px] typo-h3 text-white', {
       yellow: 'bg-yellow text-gray-950',
     },
     size: {
-      md: 'w-[32.7rem] h-[5.6rem]',
+      md: 'w-full h-[5.6rem]',
       sm: 'w-[27.6rem] h-[4.8rem]',
     },
   },
diff --git a/src/shared/ui/floatingActionButton.tsx b/src/shared/ui/floatingActionButton.tsx
index a235fec..60d17a5 100644
--- a/src/shared/ui/floatingActionButton.tsx
+++ b/src/shared/ui/floatingActionButton.tsx
@@ -16,8 +16,8 @@ export function FloatingActionButton({
     <button
       onClick={onClick}
       className={cn(
-        'rounded-[24px] text-white w-[4.4rem] h-[4.4rem] flex justify-center items-center bg-primary',
-        mode === 'fixed' && 'fixed right-[2.4rem] bottom-[5.4rem] z-50',
+        'rounded-[24px] text-white w-[4.4rem] h-[4.4rem] flex justify-center items-center bg-primary shrink-0',
+        mode === 'fixed' && 'fixed right-[2.4rem] bottom-[5.4rem] 3-50',
       )}
     >
       {icon}
diff --git a/src/shared/ui/input.tsx b/src/shared/ui/input.tsx
index 93596dd..d9f8a62 100644
--- a/src/shared/ui/input.tsx
+++ b/src/shared/ui/input.tsx
@@ -29,14 +29,14 @@ const baseInput = `
 
 const sizeStyles: Record<InputSize, string> = {
   ssm: 'w-[22.4rem] h-[4.8rem]',
-  sm: 'w-[26.3rem] px-[1.2rem]',
+  sm: 'w-full px-[1.2rem]',
   md: 'w-[26.7rem]',
-  lg: 'w-[32.7rem]',
+  lg: 'w-full',
 };
 
 const Input = ({ inputSize = 'md', icon, className, ...props }: InputProps) => {
   return (
-    <div className="relative group">
+    <div className="relative group w-full">
       {icon && (
         <span
           className="absolute left-[1.1rem] top-1/2
diff --git a/src/widgets/create/dropDown.tsx b/src/widgets/create/dropDown.tsx
index e64c06e..11e682d 100644
--- a/src/widgets/create/dropDown.tsx
+++ b/src/widgets/create/dropDown.tsx
@@ -26,7 +26,7 @@ export function DropDown({
         <span className="text-red"> *</span>
       </p>
       <button
-        className="flex items-center justify-between w-[32.7rem] border rounded-[16px] h-[5.6rem] p-[1.6rem]"
+        className="flex items-center justify-between w-full border rounded-[16px] h-[5.6rem] p-[1.6rem]"
         onClick={() => setOpen((prev) => !prev)}
       >
         <span className={value ? 'text-gray-950' : 'text-gray-300'}>
diff --git a/src/widgets/create/modal-button.tsx b/src/widgets/create/modal-button.tsx
index 0de1e45..f002e7b 100644
--- a/src/widgets/create/modal-button.tsx
+++ b/src/widgets/create/modal-button.tsx
@@ -9,7 +9,7 @@ interface ModalButtonProps {
 }
 
 const modalButtonVariants = cva(
-  'w-[32.7rem] h-[5.6rem] rounded-[16px] border px-[1.6rem] text-left typo-body1 transition-colors',
+  'w-full h-[5.6rem] rounded-[16px] border px-[1.6rem] text-left typo-body1 transition-colors',
   {
     variants: {
       hasValue: {
diff --git a/src/widgets/create/textarea.tsx b/src/widgets/create/textarea.tsx
index f3570be..bd275ec 100644
--- a/src/widgets/create/textarea.tsx
+++ b/src/widgets/create/textarea.tsx
@@ -5,7 +5,7 @@ import type { ComponentProps } from 'react';
 type TextareaProps = ComponentProps<'textarea'>;
 
 const textVariants = cva(`
-    w-[32.7rem]
+    w-full
     h-[20rem]
     text-body1
     resize-none
diff --git a/src/widgets/main/bottom-sheet/contents/bottom-sheet-location-search.tsx b/src/widgets/main/bottom-sheet/contents/bottom-sheet-location-search.tsx
index cbc3d46..e089769 100644
--- a/src/widgets/main/bottom-sheet/contents/bottom-sheet-location-search.tsx
+++ b/src/widgets/main/bottom-sheet/contents/bottom-sheet-location-search.tsx
@@ -12,7 +12,7 @@ export function BottomSheetLocationSearch({
   onChange,
 }: BottomSheetLocationSearchProps) {
   return (
-    <div className="flex items-center justify-center h-[9.2rem] gap-[1.6rem]">
+    <div className="flex items-center px-[2.6rem] justify-center h-[9.2rem] gap-[1.6rem]">
       <Input
         inputSize={'sm'}
         value={value}
@@ -20,6 +20,7 @@ export function BottomSheetLocationSearch({
         placeholder="동을 입력해주세요. 예) 역삼동"
       />
       <FloatingActionButton
+        mode="inline"
         icon={<LocationIcon width={'2rem'} height={'2rem'} />}
       />
     </div>
diff --git a/src/widgets/main/dropBotton.tsx b/src/widgets/main/dropBotton.tsx
index 1159fb8..ba3348f 100644
--- a/src/widgets/main/dropBotton.tsx
+++ b/src/widgets/main/dropBotton.tsx
@@ -6,9 +6,12 @@ interface DropButtonProps {
 
 export function DropButton({ label, onClick }: DropButtonProps) {
   return (
-    <button className="flex px-[1.2rem] h-[4rem] items-center justify-center border border-gray-200 rounded-[12px] gap-[0.4rem]">
+    <button
+      onClick={onClick}
+      className="flex px-[1.2rem] h-[4rem] items-center justify-center border border-gray-200 rounded-[12px] gap-[0.4rem]"
+    >
       <span className="typo-body1">{label}</span>
-      <ChevronDown onClick={onClick} width={'2rem'} height={'2rem'} />
+      <ChevronDown width={'2rem'} height={'2rem'} />
     </button>
   );
 }

From d54500aa147c5097909324c5d08c69aa57729e34 Mon Sep 17 00:00:00 2001
From: winchoose <tmdxor741@naver.com>
Date: Thu, 12 Feb 2026 15:29:21 +0900
Subject: [PATCH 2/2] =?UTF-8?q?fix:=20=EA=B9=A8=EC=A7=80=EB=8A=94=20?=
 =?UTF-8?q?=EB=B0=98=EC=9D=91=ED=98=95,=20UX=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/post-detail-page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/page/post-detail-page.tsx b/src/page/post-detail-page.tsx
index c00870e..893da7c 100644
--- a/src/page/post-detail-page.tsx
+++ b/src/page/post-detail-page.tsx
@@ -132,9 +132,9 @@ const PostDetailPage = () => {
       <p className="h-[10.6rem] px-[2.4rem] py-[2rem] typo-h2 border-b">
         역삼동 공터에서 경도 할 사람 찾고 있어요!!(성인만)
       </p>
-      <div className="flex flex-col px-[2.4rem] justify-center">
+      <div className="flex items-center flex-col px-[2.4rem] justify-center">
         <DetailInfo />
-        <p className="typo-body1 w-[32.7rem] py-[2rem] border-b">
+        <p className="flex typo-body1  py-[2rem] border-b">
           {
             '역삼동 공터에서 경도 하실 분 구합니다~~ 20세 이상 성인분들만 모집하고 있어요! 즐겁게 하실 분들만 신청해주셨으면 좋겠어요~'
           }