diff --git a/src/components/StarRating/EnterStarRateContainer.tsx b/src/components/StarRating/EnterStarRateContainer.tsx
index b6845ce3..9ce7aee9 100644
--- a/src/components/StarRating/EnterStarRateContainer.tsx
+++ b/src/components/StarRating/EnterStarRateContainer.tsx
@@ -10,7 +10,7 @@ export default function EnterStarRateContainer({ rating }: { rating: number }) {
 
   return (
     <div
-      className={styles.starRateContainer}
+      className={styles['star-rate-container']}
       onMouseLeave={() => {
         handleMouseLeave();
         setStarQuantity(0);
diff --git a/src/components/StarRating/LeaveStarRateContainer.tsx b/src/components/StarRating/LeaveStarRateContainer.tsx
index ea8004e9..3ade41ae 100644
--- a/src/components/StarRating/LeaveStarRateContainer.tsx
+++ b/src/components/StarRating/LeaveStarRateContainer.tsx
@@ -7,7 +7,7 @@ export default function LeaveStarRateContainer({ rating }: { rating: number }) {
   const { handleMouseEnter } = useContext(StarRateContext);
   return (
     <div
-      className={styles.starRateContainer}
+      className={styles['star-rate-container']}
       onMouseEnter={handleMouseEnter}
     >
       { [1, 2, 3, 4, 5].map((num) => (
diff --git a/src/components/StarRating/StarRating.module.scss b/src/components/StarRating/StarRating.module.scss
index 77cfe3ba..330c77ed 100644
--- a/src/components/StarRating/StarRating.module.scss
+++ b/src/components/StarRating/StarRating.module.scss
@@ -1,4 +1,4 @@
-.starRateContainer {
+.star-rate-container {
   display: flex;
   align-items: center;
   width: 160px;
diff --git a/src/components/StarRating/StarRatingPreview.tsx b/src/components/StarRating/StarRatingPreview.tsx
index 1b5c3803..155b12c3 100644
--- a/src/components/StarRating/StarRatingPreview.tsx
+++ b/src/components/StarRating/StarRatingPreview.tsx
@@ -7,7 +7,7 @@ interface Props {
 
 function StarRatingPreview({ rate }: Props) {
   return (
-    <div className={styles.starRateContainer}>
+    <div className={styles['star-rate-container']}>
       {[1, 2, 3, 4, 5].map((num) => (
         <Star
           key={num}