diff --git a/next.config.ts b/next.config.ts
index 352d1704..6d83df4e 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -35,6 +35,10 @@ const nextConfig: NextConfig = {
         port: '',
         pathname: '/**',
       },
+      {
+        protocol: 'https',
+        hostname: 'picsum.photos',
+      },
     ],
     domains: ['mogazoa-api.vercel.app', 'example.com'],
   },
diff --git a/src/actions/review/review.ts b/src/actions/review/review.ts
index 2f4de495..09a88d8b 100644
--- a/src/actions/review/review.ts
+++ b/src/actions/review/review.ts
@@ -59,7 +59,7 @@ export const postReview = async ({
       'Content-Type': 'application/json',
     },
     body: JSON.stringify(newReview),
-    cache: 'no-store',
+    cache: 'no-cache',
   });
 
   revalidatePath(`/products/${productId}`);
@@ -84,7 +84,7 @@ export const patchReview = async ({ rating, content, images, reviewId }: ReviewP
       'Content-Type': 'application/json',
     },
     body: JSON.stringify(newReview),
-    cache: 'no-store',
+    cache: 'no-cache',
   });
 
   revalidateTag('reviews');
@@ -101,7 +101,7 @@ export const deleteReview = async (reviewId: number, productId: number) => {
     headers: {
       Authorization: `Bearer ${accessToken}`,
       'Content-Type': 'application/json',
-      cache: 'no-store',
+      cache: 'no-cache',
     },
   });
 
diff --git a/src/app/_components/ProductPost/ProductForm.tsx b/src/app/_components/ProductPost/ProductForm.tsx
index fe2cda88..14d828d5 100644
--- a/src/app/_components/ProductPost/ProductForm.tsx
+++ b/src/app/_components/ProductPost/ProductForm.tsx
@@ -1,7 +1,8 @@
 'use client';
 
+import { useState } from 'react';
+
 import { zodResolver } from '@hookform/resolvers/zod';
-import { useErrorBoundary } from 'react-error-boundary';
 import { Controller, useForm } from 'react-hook-form';
 
 import { patchProduct, postProduct } from '@/actions/productDetail';
@@ -16,7 +17,7 @@ import { productSchema } from '@/types/product/productSchema';
 import { ProductDetail, ProductFormValue } from '@/types/product/productType';
 
 const ProductForm = ({ product, mode }: { product: ProductDetail; mode: 'create' | 'edit' }) => {
-  const { showBoundary } = useErrorBoundary();
+  const [isError, setIsError] = useState(false);
   const closeModal = useModalStore((state) => state.closeModal);
   const openModal = useModalStore((state) => state.openModal);
 
@@ -24,7 +25,7 @@ const ProductForm = ({ product, mode }: { product: ProductDetail; mode: 'create'
     register,
     handleSubmit,
     control,
-    formState: { errors, isValid, isSubmitting, isDirty },
+    formState: { errors, isValid, isLoading, isDirty },
   } = useForm<ProductFormValue>({
     resolver: zodResolver(productSchema),
     mode: 'all',
@@ -53,8 +54,8 @@ const ProductForm = ({ product, mode }: { product: ProductDetail; mode: 'create'
         await patchProduct({ productId: product.id, data });
       }
       closeModal();
-    } catch (err) {
-      showBoundary(err);
+    } catch {
+      setIsError(true);
     }
   };
 
@@ -72,11 +73,12 @@ const ProductForm = ({ product, mode }: { product: ProductDetail; mode: 'create'
             <FileInput value={field.value ?? []} onChange={field.onChange} maxFiles={1} />
           )}
         />
-        <div className='flex flex-col gap-[10px] md:flex-1 md:gap-3'>
+        <div className='flex flex-col gap-[10px] md:flex-1 md:gap-4'>
           <Input
             placeholder='작품 제목'
             {...register('name')}
             errorMessage={errors.name?.message}
+            setError={setIsError}
           />
           <Controller
             name='categoryId'
@@ -95,9 +97,9 @@ const ProductForm = ({ product, mode }: { product: ProductDetail; mode: 'create'
       <Button
         variant='primary'
         className='mt-6'
-        disabled={!isValid || isSubmitting || (mode === 'edit' && !isDirty)}
+        disabled={!isValid || isLoading || isError || (mode === 'edit' && !isDirty)}
       >
-        {mode === 'create' ? '추가하기' : '수정하기'}
+        {isError ? '존재하는 영화 제목 입니다.' : mode === 'create' ? '추가하기' : '수정하기'}
       </Button>
       {mode === 'edit' && (
         <Button
diff --git a/src/app/_components/reviewer/ReviewerCard.tsx b/src/app/_components/reviewer/ReviewerCard.tsx
index bf83e007..46ddc3fe 100644
--- a/src/app/_components/reviewer/ReviewerCard.tsx
+++ b/src/app/_components/reviewer/ReviewerCard.tsx
@@ -43,7 +43,7 @@ const ReviewerCard = ({
             <div className='flex gap-[7px]'>
               <RankingChip idx={rankIdx} />
               <h3
-                className='text-mogazoa-14px-400 xl:text-mogazoa-16px-400 text-white-f1f1f5 light:text-gray-6e6e82 max-w-20 truncate xl:max-w-24'
+                className='text-mogazoa-14px-400 xl:text-mogazoa-16px-400 text-white-f1f1f5 max-w-20 truncate xl:max-w-24'
                 title={nickname}
               >
                 {nickname}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 2d00fa8c..02abe49a 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -6,7 +6,6 @@ import FooterLazy from '@/components/common/Footer/FooterLazy';
 import GlobalNav from '@/components/common/gnb/GlobalNav';
 import ModalContainer from '@/components/common/ModalContainer';
 import SonnerToast from '@/components/common/SonnerToast';
-import ThemeToggle from '@/components/common/ThemeToggle';
 import FloatingButton from '@/components/ui/FloatingButton';
 
 import pretendard from '../lib/utils/fonts/pretendard';
@@ -35,7 +34,6 @@ export default async function RootLayout({ children }: Readonly<{ children: Reac
             <GlobalNav />
             {children}
             <FooterLazy />
-            <ThemeToggle />
             <FloatingButton />
             <SonnerToast />
             <SpeedInsights />
diff --git a/src/app/products/[productId]/components/MetricCard.tsx b/src/app/products/[productId]/components/MetricCard.tsx
index 216a6ed2..9e68ca47 100644
--- a/src/app/products/[productId]/components/MetricCard.tsx
+++ b/src/app/products/[productId]/components/MetricCard.tsx
@@ -29,7 +29,7 @@ const MetricCard = ({ variant, product }: MetricCardProps) => {
   const comparisonResult = `${comparisonCount && Math.abs(comparisonCount)}${unit}`;
 
   return (
-    <div className='bg-black-252530 light:bg-white border-black-353542 flex h-[82px] w-full flex-col gap-[5px] rounded-[12px] border-[1px] p-5 transition-normal duration-300 md:h-[169px] md:items-center md:justify-center md:gap-[15px] xl:h-[190px]'>
+    <div className='bg-black-252530 border-black-353542 flex h-[82px] w-full flex-col gap-[5px] rounded-[12px] border-[1px] p-5 transition-normal duration-300 md:h-[169px] md:items-center md:justify-center md:gap-[15px] xl:h-[190px]'>
       <div className='flex gap-[10px] md:flex-col md:items-center'>
         <h3 className='text-mogazoa-14px-500 md:text-mogazoa-16px-500 xl:text-mogazoa-18px-500'>
           {title}
diff --git a/src/app/products/[productId]/components/PreviewModal.tsx b/src/app/products/[productId]/components/PreviewModal.tsx
new file mode 100644
index 00000000..79f40443
--- /dev/null
+++ b/src/app/products/[productId]/components/PreviewModal.tsx
@@ -0,0 +1,28 @@
+'use client';
+
+import Image from 'next/image';
+
+import Modal from '@/components/common/ModalUi';
+import { DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog';
+
+const PreviewModal = ({ image }: { image: string }) => {
+  return (
+    <Modal className='px-7 pb-7'>
+      <DialogHeader>
+        <DialogTitle>Preview</DialogTitle>
+      </DialogHeader>
+      <DialogDescription>클릭한 리뷰 이미지를 확대해서 보여주는 모달입니다.</DialogDescription>
+      <div className='flex h-full w-full justify-center'>
+        <Image
+          src={image}
+          alt='리뷰 이미지'
+          width={295}
+          height={295}
+          className='h-auto w-2/3 object-center'
+        />
+      </div>
+    </Modal>
+  );
+};
+
+export default PreviewModal;
diff --git a/src/app/products/[productId]/components/ReviewAvatar.tsx b/src/app/products/[productId]/components/ReviewAvatar.tsx
index 5f55bd7d..98a1d2ef 100644
--- a/src/app/products/[productId]/components/ReviewAvatar.tsx
+++ b/src/app/products/[productId]/components/ReviewAvatar.tsx
@@ -1,7 +1,8 @@
+import Image from 'next/image';
 import Link from 'next/link';
 
 import RatingIcon from '@/assets/icon/Icon-star.svg';
-import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
+import { Avatar } from '@/components/ui/avatar';
 import { userType } from '@/types/review/review';
 
 const ReviewAvatar = ({ user, rating }: { user: userType; rating: number }) => {
@@ -9,9 +10,14 @@ const ReviewAvatar = ({ user, rating }: { user: userType; rating: number }) => {
 
   return (
     <Link href={`/user/${user.id}`} className='flex w-60 gap-[10px]'>
-      <Avatar className='h-9 w-9 transition-normal duration-300 xl:h-11 xl:w-11'>
-        <AvatarImage src={user.image ?? undefined} alt={`profile image for ${user.nickname}`} />
-        <AvatarFallback>{user.nickname.charAt(0)}</AvatarFallback>
+      <Avatar className='bg-gray-9fa6b2 relative h-9 w-9 transition-normal duration-300 xl:h-11 xl:w-11'>
+        <Image
+          src={user.image ?? '/images/default-profile.png'}
+          alt={`profile image for ${user.nickname}`}
+          width={36}
+          height={36}
+          className='h-auto w-full object-cover'
+        />
       </Avatar>
       <div className='flex shrink-0 flex-col gap-0.5'>
         {user.nickname.slice(0, 10)}
diff --git a/src/app/products/[productId]/components/ReviewCard.tsx b/src/app/products/[productId]/components/ReviewCard.tsx
index d9c8fa98..6e20cb30 100644
--- a/src/app/products/[productId]/components/ReviewCard.tsx
+++ b/src/app/products/[productId]/components/ReviewCard.tsx
@@ -7,6 +7,7 @@ import ThumbChip from '@/components/ui/chips/ThumbChip';
 import { useModalStore } from '@/store/modalStore';
 import { ReviewCardProps } from '@/types/review/review';
 
+import PreviewModal from './PreviewModal';
 import ReviewAvatar from './ReviewAvatar';
 import ReviewDeleteMessageModal from './ReviewDeleteMessageModal';
 import ReviewModal from './ReviewModal';
@@ -39,8 +40,12 @@ const ReviewCard = ({ review }: ReviewCardProps) => {
     return openModal({ component: ReviewDeleteMessageModal, props: { reviewId: review.id } });
   };
 
+  const handleClickPreviewModal = (imageSrc: string) => {
+    return openModal({ component: PreviewModal, props: { image: imageSrc } });
+  };
+
   return (
-    <div className='bg-black-252530 light:bg-white border-black-353542 flex w-full flex-col gap-5 rounded-[8px] border-[1px] p-5 transition-normal duration-300 md:flex-row'>
+    <div className='bg-black-252530 border-black-353542 flex w-full flex-col gap-5 rounded-[8px] border-[1px] p-5 transition-normal duration-300 md:flex-row'>
       <ReviewAvatar user={review.user} rating={review.rating} />
       <div className='flex w-full flex-col gap-5'>
         <div className='text-mogazoa-12px-400'>{review.content}</div>
@@ -49,9 +54,15 @@ const ReviewCard = ({ review }: ReviewCardProps) => {
             {filteredImages.map((ri) => (
               <div
                 key={ri.id}
-                className='relative h-15 w-15 overflow-hidden rounded-[12px] md:h-20 md:w-20 xl:h-25 xl:w-25'
+                onClick={() => handleClickPreviewModal(ri.source as string)}
+                className='relative h-15 w-15 cursor-pointer overflow-hidden rounded-[12px] md:h-20 md:w-20 xl:h-25 xl:w-25'
               >
-                <Image src={ri.source as string} alt='리뷰 이미지' fill className='object-cover' />
+                <Image
+                  src={(ri.source as string) ?? '/images/noImage.png'}
+                  alt='리뷰 이미지'
+                  fill
+                  className='object-cover'
+                />
               </div>
             ))}
           </div>
diff --git a/src/app/products/[productId]/components/ReviewPostForm.tsx b/src/app/products/[productId]/components/ReviewPostForm.tsx
index 3661cfbf..76ca2127 100644
--- a/src/app/products/[productId]/components/ReviewPostForm.tsx
+++ b/src/app/products/[productId]/components/ReviewPostForm.tsx
@@ -49,7 +49,7 @@ const ReviewPostForm = ({ productId }: { productId: number }) => {
           <StarRating
             value={field.value}
             onChange={field.onChange}
-            className={errors.rating ? 'border-red-ff0000 animate-shake border-[1px]' : ''}
+            className={errors.rating ? 'border-red-ff0000 animate-shake' : ''}
           />
         )}
       />
diff --git a/src/app/products/[productId]/components/ReviewSection.tsx b/src/app/products/[productId]/components/ReviewSection.tsx
index 58db5184..30e5f90a 100644
--- a/src/app/products/[productId]/components/ReviewSection.tsx
+++ b/src/app/products/[productId]/components/ReviewSection.tsx
@@ -42,6 +42,7 @@ const ReviewSection = ({
 
   useEffect(() => {
     reset();
+    //eslint-disable-next-line react-hooks/exhaustive-deps
   }, [productId, trigger]);
 
   useEffect(() => {
@@ -56,11 +57,12 @@ const ReviewSection = ({
     const y = sectionRef.current!.getBoundingClientRect().top + window.pageYOffset - topOffset;
 
     window.scrollTo({ top: y, behavior: 'smooth' });
+    //eslint-disable-next-line react-hooks/exhaustive-deps
   }, [option]);
 
   return (
     <section ref={sectionRef}>
-      <div className='bg-black-1c1c22 sticky top-17 z-5 flex justify-between py-5 shadow-lg md:top-20 xl:top-24'>
+      <div className='bg-black-1c1c22 sticky top-17 z-5 flex justify-between py-5 md:top-20 xl:top-24'>
         <h2 className='text-mogazoa-18px-600 xl:text-mogazoa-20px-600'>상품리뷰</h2>
         <SortDropdown variant='review' onChange={handleChangeOption} option={option} />
       </div>
diff --git a/src/app/products/[productId]/components/ShareButton.tsx b/src/app/products/[productId]/components/ShareButton.tsx
index b10ae430..40dc9cb7 100644
--- a/src/app/products/[productId]/components/ShareButton.tsx
+++ b/src/app/products/[productId]/components/ShareButton.tsx
@@ -35,7 +35,7 @@ const ShareButton = ({
   };
 
   const baseClassName =
-    'bg-black-252530 light:bg-white flex h-6 w-6 items-center justify-center rounded-[6px] md:h-7 md:w-7 xl:h-8 xl:w-8';
+    'bg-black-252530 flex h-6 w-6 items-center justify-center rounded-[6px] md:h-7 md:w-7 xl:h-8 xl:w-8';
 
   return (
     <>
diff --git a/src/app/products/[productId]/page.tsx b/src/app/products/[productId]/page.tsx
index aa662309..4ecb9d56 100644
--- a/src/app/products/[productId]/page.tsx
+++ b/src/app/products/[productId]/page.tsx
@@ -32,7 +32,15 @@ const ProductIdPage = async ({ params }: ProductIdPageProps) => {
     <div className='mx-auto max-w-250 px-5 py-10'>
       <header className='flex w-full flex-col md:max-h-[350px] md:flex-row'>
         <div className='relative mx-auto aspect-[5/7] w-full shrink-0 transition-normal duration-300 md:max-w-[250px]'>
-          <Image src={posterImage} alt='영화 포스터' fill priority className='object-cover' />
+          <Image
+            src={posterImage}
+            alt='영화 포스터'
+            width={500}
+            height={700}
+            priority
+            fetchPriority='high'
+            className='h-full w-full object-cover'
+          />
         </div>
         <div className='mt-5 flex w-full flex-col gap-[10px] md:mt-0 md:pl-5'>
           <div className='flex justify-between'>
diff --git a/src/components/common/FileInput.tsx b/src/components/common/FileInput.tsx
index ac71967f..37baa7b1 100644
--- a/src/components/common/FileInput.tsx
+++ b/src/components/common/FileInput.tsx
@@ -60,7 +60,8 @@ const FileInput = ({ maxFiles = 1, value, onChange }: FileInputProps) => {
             'flex shrink-0 cursor-pointer items-center justify-center',
             'border-black-353542 bg-black-252530 border',
             'aspect-square w-30 rounded-[8px]',
-            'md:w-40',
+            'md:w-[135px]',
+            'xl:w-40',
           )}
           onClick={() => fileInputRef.current?.click()}
         >
diff --git a/src/components/common/Input.tsx b/src/components/common/Input.tsx
index c455e0e4..1e51dd47 100644
--- a/src/components/common/Input.tsx
+++ b/src/components/common/Input.tsx
@@ -13,10 +13,14 @@ interface InputProps extends React.ComponentProps<'input'> {
   errorMessage?: string;
   hintMessage?: string;
   maxLength?: number;
+  setError?: (state: boolean) => void;
 }
 
 const Input = React.forwardRef<HTMLInputElement, InputProps>(
-  ({ className, type, id, label, errorMessage, hintMessage, maxLength, ...props }, ref) => {
+  (
+    { className, type, id, label, errorMessage, hintMessage, maxLength, setError, ...props },
+    ref,
+  ) => {
     const generatedId = React.useId();
     const inputId = id || generatedId;
     const hasError = !!errorMessage;
@@ -52,6 +56,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
                 if (maxLength) e.target.value = truncated(e.target.value, maxLength);
                 return e.target.value.length;
               });
+              setError && setError(false);
               props.onChange?.(e);
             }}
           />
diff --git a/src/components/common/ThemeToggle.tsx b/src/components/common/ThemeToggle.tsx
deleted file mode 100644
index 4532165d..00000000
--- a/src/components/common/ThemeToggle.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-// src/components/common/ThemeToggle.tsx
-'use client';
-
-import { useEffect, useState } from 'react';
-
-import { Moon, Sun } from 'lucide-react';
-import { useTheme } from 'next-themes';
-
-import { cn } from '@/lib/utils'; // 클래스 머지 유틸
-
-/** 단일 버튼 라이트↔다크 토글(시스템 모드 제거) */
-export default function ThemeToggle() {
-  const { resolvedTheme, setTheme } = useTheme(); // enableSystem=false면 theme===resolvedTheme
-  const [mounted, setMounted] = useState(false); // SSR 깜빡임 방지
-
-  useEffect(() => setMounted(true), []);
-
-  if (!mounted) {
-    return (
-      <div className='inline-flex h-9 w-9 items-center justify-center rounded-md border opacity-70'>
-        <span className='sr-only'>테마</span>
-      </div>
-    );
-  }
-
-  const isDark = resolvedTheme === 'dark'; // 현재 적용 테마 판별
-
-  const position = 'fixed right-10 bottom-30';
-  const sizeShape = 'inline-flex h-15 w-15 items-center justify-center rounded-full';
-  const interaction = 'transition active:scale-95 focus:outline-none ';
-  const border = 'border border-transparent';
-  const color = 'text-white light:bg-orange-500 bg-indigo-800 dark:hover:bg-indigo-700';
-
-  return (
-    <button
-      type='button'
-      onClick={() => setTheme(isDark ? 'light' : 'dark')} // 라이트↔다크 전환
-      aria-pressed={isDark}
-      title={isDark ? '다크 → 라이트' : '라이트 → 다크'} // 다음 상태 힌트
-      data-theme-applied={resolvedTheme} // 스타일 확장용 data-attr
-      className={cn(position, sizeShape, interaction, border, color)}
-    >
-      {isDark ? (
-        <Moon /> // 다크 아이콘
-      ) : (
-        <Sun /> // 라이트 아이콘
-      )}
-      <span className='sr-only'>{isDark ? '다크 → 라이트' : '라이트 → 다크'}</span>
-    </button>
-  );
-}
diff --git a/src/components/common/dropdowns/SortDropdown.tsx b/src/components/common/dropdowns/SortDropdown.tsx
index 586dbe49..3a6a30b5 100644
--- a/src/components/common/dropdowns/SortDropdown.tsx
+++ b/src/components/common/dropdowns/SortDropdown.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { useMemo } from 'react';
+import { useCallback, useMemo } from 'react';
 
 import DropdownIcon from '@/assets/icon/Icon-dropdown.svg';
 import DropupIcon from '@/assets/icon/Icon-dropup.svg';
@@ -26,7 +26,7 @@ const SortDropdown = ({
   onChange?: (value: string) => void; // 프롭을 string으로 받는 함수
   option?: string;
 }) => {
-  const getSortOption = () => {
+  const getSortOption = useCallback(() => {
     switch (variant) {
       case 'product':
         return SORT_OPTION_PRODUCTS;
@@ -37,9 +37,9 @@ const SortDropdown = ({
       default:
         return [];
     }
-  };
+  }, [variant]);
 
-  const sortOptions = useMemo(() => getSortOption(), [variant, getSortOption]);
+  const sortOptions = useMemo(() => getSortOption(), [getSortOption]);
 
   const displayValue =
     sortOptions.find((op) => op.value === option)?.name || sortOptions?.[0]?.name;
@@ -67,7 +67,7 @@ const SortDropdown = ({
       {isOpen && (
         <div
           className={cn(
-            'bg-black-252530 light:bg-white border-black-353542 absolute top-10 z-50 flex w-[150px] flex-col gap-[10px] rounded-lg border-1 p-[10px] md:w-[200px]',
+            'bg-black-252530 border-black-353542 absolute top-10 z-50 flex w-[150px] flex-col gap-[10px] rounded-lg border-1 p-[10px] md:w-[200px]',
             menuPosition === 'right' ? 'right-0' : 'left-0',
           )}
         >
diff --git a/src/components/common/gnb/buttons/LogoButton.tsx b/src/components/common/gnb/buttons/LogoButton.tsx
index 506afbb3..38f83aa4 100644
--- a/src/components/common/gnb/buttons/LogoButton.tsx
+++ b/src/components/common/gnb/buttons/LogoButton.tsx
@@ -4,7 +4,7 @@ import Link from 'next/link';
 const LogoButton = () => {
   return (
     <Link href='/' className='flex items-center'>
-      <Image src='/icon/PickCha2.svg' alt='Logo' width={166} height={28} />
+      <Image src='/icon/PickCha2.svg' alt='Logo' width={110} height={28} />
     </Link>
   );
 };
diff --git a/src/components/ui/Buttons.tsx b/src/components/ui/Buttons.tsx
index a8b6629d..0c5e384e 100644
--- a/src/components/ui/Buttons.tsx
+++ b/src/components/ui/Buttons.tsx
@@ -32,7 +32,7 @@ const Button: React.FC<ButtonProps> = ({
       break;
     case 'tertiary':
       variantStyle =
-        'bg-black-1c1c22 text-gray-9fa6b2 border-gray-9fa6b2 disabled:border-black-353542 border-[1px] disabled:text-gray-6e6e82';
+        'text-gray-9fa6b2 border-gray-9fa6b2 disabled:border-black-353542 border-[1px] disabled:text-gray-6e6e82';
       break;
   }
 
@@ -44,7 +44,7 @@ const Button: React.FC<ButtonProps> = ({
           onClick={onClick}
           disabled={disabled}
         >
-          <div className='bg-black-1c1c22 light:bg-white flex h-full w-full items-center justify-center rounded-lg'>
+          <div className='bg-black-1c1c22 flex h-full w-full items-center justify-center rounded-lg'>
             <div className={`${disabled ? 'text-gray-6e6e82' : 'text-gradient'}`}>{children}</div>
           </div>
         </button>
diff --git a/src/components/ui/FloatingButton.tsx b/src/components/ui/FloatingButton.tsx
index 977b454f..8930d4fa 100644
--- a/src/components/ui/FloatingButton.tsx
+++ b/src/components/ui/FloatingButton.tsx
@@ -1,5 +1,4 @@
 'use client';
-import React from 'react';
 
 import { useSession } from 'next-auth/react';
 
@@ -18,19 +17,21 @@ const FloatingButton = () => {
   if (!session) return null;
 
   return (
-    <div className='group fixed right-10 bottom-10 z-50 flex items-center gap-4'>
-      <div className='bg-white-f1f1f5 relative ml-auto hidden max-w-xs rounded-2xl px-3 py-2 text-gray-900 shadow group-hover:block'>
-        상품 추가하기
-        <span className='border-l-white-f1f1f5 absolute top-1/2 -right-[7px] -mt-1 h-0 w-0 border-y-8 border-b-0 border-l-8 border-y-transparent'></span>
+    <div className='fixed right-10 bottom-10 z-50'>
+      <div className='group relative'>
+        <div className='bg-white-f1f1f5 absolute -left-32 ml-auto hidden max-w-xs rounded-2xl px-3 py-2 text-gray-900 shadow group-hover:block'>
+          영화 추가하기
+          <span className='border-l-white-f1f1f5 absolute top-1/2 -right-[7px] -mt-1 h-0 w-0 border-y-8 border-b-0 border-l-8 border-y-transparent'></span>
+        </div>
+        <button
+          type='button'
+          aria-label='영화 추가하기'
+          className='to-main-indigo hover:indigo-300 mr-[-20px] flex h-15 w-15 cursor-pointer items-center justify-center rounded-full bg-gradient-to-r from-sky-500 via-blue-500 text-8xl hover:bg-gradient-to-r hover:from-sky-400 hover:via-blue-400'
+          onClick={handleClickModal}
+        >
+          <AddIcon />
+        </button>
       </div>
-      <button
-        type='button'
-        aria-label='영화 추가하기'
-        className='to-main-indigo hover:indigo-300 mr-[-20px] flex h-15 w-15 cursor-pointer items-center justify-center rounded-full bg-gradient-to-r from-sky-500 via-blue-500 text-8xl hover:bg-gradient-to-r hover:from-sky-400 hover:via-blue-400'
-        onClick={handleClickModal}
-      >
-        <AddIcon />
-      </button>
     </div>
   );
 };
diff --git a/src/components/ui/avatar.tsx b/src/components/ui/avatar.tsx
index 329daef1..b6713a8f 100644
--- a/src/components/ui/avatar.tsx
+++ b/src/components/ui/avatar.tsx
@@ -33,10 +33,7 @@ function AvatarFallback({
   return (
     <AvatarPrimitive.Fallback
       data-slot='avatar-fallback'
-      className={cn(
-        'bg-muted light:bg-white flex size-full items-center justify-center rounded-full',
-        className,
-      )}
+      className={cn('bg-muted flex size-full items-center justify-center rounded-full', className)}
       {...props}
     />
   );
diff --git a/src/components/ui/chips/ThumbChip.tsx b/src/components/ui/chips/ThumbChip.tsx
index 25b16703..92108852 100644
--- a/src/components/ui/chips/ThumbChip.tsx
+++ b/src/components/ui/chips/ThumbChip.tsx
@@ -21,7 +21,7 @@ const ThumbChip = ({ initialCount, initialState, reviewId }: ThumbChipProps) =>
       type='button'
       onClick={handleToggle}
       className={cn(
-        'text-mogazoa-12px-400 xl:text-mogazoa-18px-400 border-black-353542 bg-black-252530 light:bg-white flex shrink-0 items-center justify-center gap-[5px] rounded-full border-[1px] px-[10px] py-[6px]',
+        'text-mogazoa-12px-400 xl:text-mogazoa-18px-400 border-black-353542 bg-black-252530 flex shrink-0 items-center justify-center gap-[5px] rounded-full border-[1px] px-[10px] py-[6px]',
         isToggled ? 'text-gradient' : 'text-gray-9fa6b2',
       )}
     >
diff --git a/src/components/ui/textarea.tsx b/src/components/ui/textarea.tsx
index 87a16c70..525e01f1 100644
--- a/src/components/ui/textarea.tsx
+++ b/src/components/ui/textarea.tsx
@@ -10,6 +10,7 @@ function Textarea({ hasError, ...props }: TextareaProps) {
   return (
     <div
       className={cn(
+        'bg-black-353542',
         'relative rounded-[8px] p-[1px]',
         'focus-within:bg-main-gradation',
         hasError ? 'bg-red-ff0000 focus-within:bg-red-ff0000' : '',
@@ -20,11 +21,10 @@ function Textarea({ hasError, ...props }: TextareaProps) {
       <div
         className={cn(
           // Border
-          'border-black-353542 rounded-[8px] border',
-          'focus:border-black-353542 focus:ring-0 focus:outline-none',
+          'rounded-[8px]',
 
           // Background & Text
-          'bg-black-252530 dark:bg-input/30',
+          'bg-black-252530',
           'placeholder:text-gray-6e6e82 text-base',
 
           // Layout & Sizing