diff --git a/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/VcModelListPage.tsx b/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/VcModelListPage.tsx
index 134d151ec4..7d37e709f1 100644
--- a/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/VcModelListPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/VcModelListPage.tsx
@@ -294,7 +294,7 @@ function VcModelListPage(props: Props) {
                         </div>
 
                         <div>
-                          <label className="sub-title">Pitch Shift</label>
+                          <label className="sub-title">Pitch Control</label>
                           <div className="d-flex flex-column gap-3">
                             <PitchShiftComponent
                               min={-36}
@@ -375,7 +375,7 @@ function VcModelListPage(props: Props) {
                         </div>
 
                         <div>
-                          <label className="sub-title">Pitch Shift</label>
+                          <label className="sub-title">Pitch Control</label>
                           <div className="d-flex flex-column gap-3">
                             <PitchShiftComponent
                               min={-36}
diff --git a/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/components/PitchShiftComponent.tsx b/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/components/PitchShiftComponent.tsx
index b9072271b3..21153cd524 100644
--- a/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/components/PitchShiftComponent.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/components/PitchShiftComponent.tsx
@@ -56,7 +56,7 @@ function PitchShiftComponent({
     </div>
   );
 
-  const renderThumb = ({ props, isDragged }: any) => (
+  const renderThumb = ({ props, isDragged, isHovered }: any) => (
     <Tippy
       content="Semitones"
       placement="bottom"
@@ -67,14 +67,15 @@ function PitchShiftComponent({
         {...props}
         style={{
           ...props.style,
-          height: "24px",
-          width: "24px",
+          height: "22px",
+          width: "22px",
           borderRadius: "50%",
-          backgroundColor: "#62627f",
+          backgroundColor: isHovered ? "#fff" : "#e66462",
           display: "flex",
           justifyContent: "center",
           alignItems: "center",
           outline: "none",
+          boxShadow: "0px 0px 40px rgba(0, 0, 0, 0.5)", // Add soft shadow on hover
         }}
       ></div>
     </Tippy>