diff --git a/src/components/common/card/CardContainer.tsx b/src/components/common/card/CardContainer.tsx
index 161dfe7..d3d89f1 100644
--- a/src/components/common/card/CardContainer.tsx
+++ b/src/components/common/card/CardContainer.tsx
@@ -21,7 +21,7 @@ interface Props {
  */
 export default function CardContainer({ variant, children, className }: Props) {
   const baseLayout = {
-    grid: 'flex flex-col lg:w-65.5 shadow-[0_0_20px_rgba(0,0,0,0.08)] rounded-3xl overflow-hidden',
+    grid: 'flex flex-col w-full shadow-[0_0_20px_rgba(0,0,0,0.08)] rounded-3xl overflow-hidden',
     list: 'flex justify-between items-center bg-white rounded-3xl p-6 md:w-119 lg:w-160 shadow-[0_4px_24px_0_rgba(156,180,202,0.20)]',
     reservation: 'flex w-full flex-col lg:flex-row ',
   }[variant];
diff --git a/src/pages/ActivityDetail/ActivityReviews.tsx b/src/pages/ActivityDetail/ActivityReviews.tsx
index 2d14841..6edf73e 100644
--- a/src/pages/ActivityDetail/ActivityReviews.tsx
+++ b/src/pages/ActivityDetail/ActivityReviews.tsx
@@ -1,6 +1,7 @@
 import { useState } from 'react';
 import Title from '@/components/common/Title';
 import Pagination from '@/components/common/pagination';
+import RatingStar from '@/components/common/RatingStar';
 import { Star } from '@/assets/icons';
 import { useActivityReviews } from '@/hooks/queries/useActivityReviews';
 
@@ -106,14 +107,10 @@ export default function ActivityReviews({ activityId }: ActivityReviewsProps) {
                 <span className='font-md-bold text-gray-900'>{review.user.nickname}</span>
                 <span className='font-md-medium text-gray-500'>{formattedDate}</span>
               </div>
-              <div className='mb-2 flex items-center gap-1'>
-                {Array.from({ length: 5 }).map((_, i) => (
-                  <Star
-                    key={i}
-                    className={`h-4 w-4 ${i < Math.floor(review.rating) ? 'text-yellow-500' : 'text-gray-300'}`}
-                  />
-                ))}
-              </div>
+              <RatingStar
+                value={review.rating}
+                className='mb-2 gap-1 [&_button]:h-4 [&_svg]:h-4 [&_svg]:w-4'
+              />
               <p className='font-md-medium text-gray-800'>{review.content}</p>
             </div>
           );
diff --git a/src/pages/ActivityDetailPage.tsx b/src/pages/ActivityDetailPage.tsx
index 2a2577d..4abcb6e 100644
--- a/src/pages/ActivityDetailPage.tsx
+++ b/src/pages/ActivityDetailPage.tsx
@@ -298,7 +298,7 @@ function ActivityDetailPage() {
 
           {/* 우측 영역 - 예약 정보 (데스크톱) */}
           <aside className='hidden lg:block lg:w-[384px]'>
-            <div className='sticky top-6'>
+            <div className='sticky top-24'>
               {/* 상단 정보 영역 */}
               <ActivityInfo
                 category={activity.category}