diff --git a/apps/what-today/src/components/activities/ActivitiesReview.tsx b/apps/what-today/src/components/activities/ActivitiesReview.tsx
index 462cb407..30907135 100644
--- a/apps/what-today/src/components/activities/ActivitiesReview.tsx
+++ b/apps/what-today/src/components/activities/ActivitiesReview.tsx
@@ -37,7 +37,6 @@ export default function ActivitiesReview({ review }: ActivitiesReviewProps) {
           <RatingStars rating={rating} />
         </div>
         <p className='body-text whitespace-pre-wrap'>{content}</p>
-
       </div>
     </motion.div>
   );
diff --git a/apps/what-today/src/components/notification/NotificationPopover.tsx b/apps/what-today/src/components/notification/NotificationPopover.tsx
index b7d84fc9..a8cb26bc 100644
--- a/apps/what-today/src/components/notification/NotificationPopover.tsx
+++ b/apps/what-today/src/components/notification/NotificationPopover.tsx
@@ -136,7 +136,7 @@ export default function NotificationPopover({ isMobile }: NotificationPopoverPro
           <BellIcon className='size-20' color={open ? 'var(--color-primary-500)' : 'var(--color-gray-600)'} />
         </Button>
       </Popover.Trigger>
-      <Popover.Content className='mt-8 rounded-2xl border border-gray-100 bg-white p-10 shadow-sm'>
+      <Popover.Content className='mt-8 rounded-2xl border border-gray-100 bg-white p-10 shadow-[0_4px_24px_rgba(156,180,202,0.2)]'>
         <h1 className='my-8 ml-auto px-16 font-bold text-gray-950'>알림 {data?.pages[0].totalCount ?? 0}개</h1>
 
         <section ref={scrollContainerRef} className='relative max-h-400 w-300 overflow-y-scroll'>
diff --git a/apps/what-today/src/components/reservations-status/ReservationCalendar.tsx b/apps/what-today/src/components/reservations-status/ReservationCalendar.tsx
index 21a266f7..8c5c65bd 100644
--- a/apps/what-today/src/components/reservations-status/ReservationCalendar.tsx
+++ b/apps/what-today/src/components/reservations-status/ReservationCalendar.tsx
@@ -136,7 +136,7 @@ export default function ReservationCalendar({
         onOpenChange={setIsReservationSheetOpen}
       >
         <Popover.Content
-          className='rounded-2xl border border-gray-50 bg-white px-24 py-30'
+          className='rounded-2xl border border-gray-50 bg-white px-24 py-30 shadow-[0_4px_24px_rgba(156,180,202,0.2)]'
           style={reservationPopupPosition}
         >
           <div className='h-460 w-292'>
diff --git a/apps/what-today/src/pages/main/index.tsx b/apps/what-today/src/pages/main/index.tsx
index c75c5b24..9e1860b4 100644
--- a/apps/what-today/src/pages/main/index.tsx
+++ b/apps/what-today/src/pages/main/index.tsx
@@ -191,9 +191,10 @@ export default function MainPage() {
 
         {/* 모든 체험 */}
         <div className='flex flex-col gap-20'>
-          {/* 제목 + 가격 드롭다운 */}
-          <div className='flex flex-wrap items-center justify-between gap-12'>
+          {/* 제목 */}
+          <div className='flex flex-wrap items-center justify-between gap-12 md:hidden'>
             <h2 className='title-text flex items-center gap-12'>🛼 모든 체험</h2>
+            {/* 모바일에서만 보이는 가격 드롭다운 */}
             <Select.Root value={selectedValue} onChangeValue={handleSortChange}>
               <Select.Trigger className='flex min-w-fit gap-6 rounded-lg border border-gray-300 bg-white px-8 text-sm'>
                 <Select.Value className='body-text text-gray-950' placeholder='가격' />
@@ -211,8 +212,11 @@ export default function MainPage() {
             </Select.Root>
           </div>
 
-          {/* 카테고리 */}
-          <div className='overflow-x-hidden'>
+          {/* 데스크톱/태블릿에서만 보이는 제목 */}
+          <h2 className='title-text hidden items-center gap-12 md:flex'>🛼 모든 체험</h2>
+
+          {/* 카테고리 + 가격 드롭다운 */}
+          <div className='flex items-center justify-between gap-12 overflow-x-hidden'>
             <RadioGroup
               radioGroupClassName='items-center min-w-0 max-w-full overflow-x-auto no-scrollbar'
               selectedValue={selectedCategory}
@@ -237,6 +241,24 @@ export default function MainPage() {
                 <TourIcon className='size-12' /> 웰빙
               </RadioGroup.Radio>
             </RadioGroup>
+            {/* 데스크톱/태블릿에서만 보이는 가격 드롭다운 */}
+            <div className='hidden md:block'>
+              <Select.Root value={selectedValue} onChangeValue={handleSortChange}>
+                <Select.Trigger className='flex min-w-fit gap-6 rounded-lg border border-gray-300 bg-white px-8 text-sm'>
+                  <Select.Value className='body-text text-gray-950' placeholder='가격' />
+                </Select.Trigger>
+                <Select.Content>
+                  <Select.Group className='caption-text text-center whitespace-nowrap'>
+                    <Select.Item className='flex justify-center' value='desc'>
+                      높은순
+                    </Select.Item>
+                    <Select.Item className='flex justify-center' value='asc'>
+                      낮은순
+                    </Select.Item>
+                  </Select.Group>
+                </Select.Content>
+              </Select.Root>
+            </div>
           </div>
 
           {/* 카드 리스트 */}
diff --git a/packages/design-system/src/components/Carousel/NavigationButton.tsx b/packages/design-system/src/components/Carousel/NavigationButton.tsx
index ef1e4dd1..94cd4cd2 100644
--- a/packages/design-system/src/components/Carousel/NavigationButton.tsx
+++ b/packages/design-system/src/components/Carousel/NavigationButton.tsx
@@ -34,7 +34,7 @@ export default function NavigationButton({ direction, onClick, disabled, classNa
 
   return (
     <button
-      className={`z-10 ${marginClass} hidden size-40 cursor-pointer items-center justify-center rounded-full border border-gray-50 bg-white text-xl hover:bg-gray-50 disabled:opacity-0 md:flex ${className}`}
+      className={`z-10 ${marginClass} hidden size-40 cursor-pointer items-center justify-center rounded-full border border-gray-50 bg-white text-xl shadow-[0_4px_24px_rgba(156,180,202,0.2)] hover:bg-gray-50 disabled:opacity-0 md:flex ${className}`}
       disabled={disabled}
       onClick={onClick}
     >
diff --git a/packages/design-system/src/components/DatePicker.tsx b/packages/design-system/src/components/DatePicker.tsx
index 41456c09..a905b048 100644
--- a/packages/design-system/src/components/DatePicker.tsx
+++ b/packages/design-system/src/components/DatePicker.tsx
@@ -43,7 +43,7 @@ export default function DatePicker({ value, onChange, disabled }: DatePickerProp
             </div>
           </Popover.Trigger>
 
-          <Popover.Content className='date-picker mt-8 flex justify-end'>
+          <Popover.Content className='date-picker mt-8 flex justify-end shadow-[0_4px_24px_rgba(156,180,202,0.2)]'>
             <div className='w-300 rounded-xl border border-gray-100 bg-white p-12'>
               <Calendar.Root initialDate={today} onDateChange={handleDateChange}>
                 <Calendar.Header headerClass='my-12' />
diff --git a/packages/design-system/src/components/select/SelectContent.tsx b/packages/design-system/src/components/select/SelectContent.tsx
index d1e08ae1..854521cc 100644
--- a/packages/design-system/src/components/select/SelectContent.tsx
+++ b/packages/design-system/src/components/select/SelectContent.tsx
@@ -23,7 +23,7 @@ function SelectContent({ className, children }: BaseProps) {
     <Popover.Content
       matchTriggerWidth
       className={twMerge(
-        'select-content mt-4 max-h-300 overflow-y-scroll rounded-2xl border border-gray-100 bg-white p-10',
+        'select-content mt-4 max-h-300 overflow-y-scroll rounded-2xl border border-gray-100 bg-white p-10 shadow-[0_4px_24px_rgba(156,180,202,0.2)]',
         className,
       )}
     >