diff --git a/src/app/(main)/chat/Drawer/index.tsx b/src/app/(main)/chat/Drawer/index.tsx
index 7076d73..580691d 100644
--- a/src/app/(main)/chat/Drawer/index.tsx
+++ b/src/app/(main)/chat/Drawer/index.tsx
@@ -67,7 +67,10 @@ export default function SettingDialog({ open, onOpenChange }: SettingProps) {
 
   return (
     <AlertDialog open={open} onOpenChange={handleChange}>
-      <AlertDialogContent className="max-w-[500px]" showCloseButton={activeTab === 'profile'}>
+      <AlertDialogContent
+        className="max-w-[768px] sm:max-h-[calc(100vh-100px)] h-screen"
+        showCloseButton={activeTab === 'profile'}
+      >
         <AlertDialogTitle className="flex justify-between">
           {activeTab === 'profile' ? (
             <LikedButton objectId={characterId} objectType={LikeTargetType.Character} />
@@ -80,7 +83,7 @@ export default function SettingDialog({ open, onOpenChange }: SettingProps) {
             </IconButton>
           )}
         </AlertDialogTitle>
-        <div className="w-full h-[calc(100vh-160px)] pr-1 mt-4">
+        <div className="w-full h-[calc(100%-50px)] pr-1 mt-4">
           {activeTab === 'profile' && <Profile onActiveTab={setActiveTab} />}
           {activeTab === 'mask_list' && <MaskList onActiveTab={setActiveTab} />}
           {activeTab === 'mask_create' && <MaskCreate onActiveTab={setActiveTab} />}
diff --git a/src/app/(main)/profile/components/ProfileDropdown.tsx b/src/app/(main)/profile/components/ProfileDropdown.tsx
index a956451..ef78a02 100644
--- a/src/app/(main)/profile/components/ProfileDropdown.tsx
+++ b/src/app/(main)/profile/components/ProfileDropdown.tsx
@@ -12,7 +12,7 @@ import { useLogout } from '@/hooks/auth';
 import Link from 'next/link';
 import { useState } from 'react';
 import { useLayoutStore } from '@/stores';
-import { useStreamChatStore } from '../../chat/[id]/stream-chat';
+import { useStreamChatStore } from '../../chat/stream-chat';
 import { useAsyncFn } from '@/hooks/tools';
 import IconFont from '@/components/ui/iconFont';
 import { useTranslations } from 'next-intl';
diff --git a/src/components/features/StoryContent/Dialog.tsx b/src/components/features/StoryContent/Dialog.tsx
index 4d648b8..014ac5d 100644
--- a/src/components/features/StoryContent/Dialog.tsx
+++ b/src/components/features/StoryContent/Dialog.tsx
@@ -36,7 +36,7 @@ export default function StoryDialog({ open, onOpenChange }: StoryDialogProps) {
 
   return (
     <AlertDialog open={open} onOpenChange={onOpenChange}>
-      <AlertDialogContent className="max-w-[760px]">
+      <AlertDialogContent className="max-w-[760px] sm:max-h-[calc(100vh-100px)] h-screen">
         <AlertDialogTitle></AlertDialogTitle>
         <div className="txt-title-l my-6 text-txt-primary-normal text-center">
           The Bossy CEO’s Contract Lover
diff --git a/src/layout/BasicLayout/BottomBar.tsx b/src/layout/BasicLayout/BottomBar.tsx
index cef0f0b..1ff4d0a 100644
--- a/src/layout/BasicLayout/BottomBar.tsx
+++ b/src/layout/BasicLayout/BottomBar.tsx
@@ -48,7 +48,7 @@ export default function BottomBar() {
   return (
     <div
       ref={containerRef}
-      className="h-20 border-outline-normal bg-[rgba(10,14,43,1)] z-100 flex border-t items-center justify-between"
+      className="h-20 border-outline-normal bg-[rgba(10,14,43,1)] flex border-t items-center justify-between"
     >
       {items.map((item) => {
         const isSelected = pathname === item.path;