diff --git a/src/locales/en-US.ts b/src/locales/en-US.ts
index 2e556340..6300cc0f 100644
--- a/src/locales/en-US.ts
+++ b/src/locales/en-US.ts
@@ -872,7 +872,7 @@ export default {
     batchEnableError: 'Batch enable operation failed',
     batchPauseError: 'Batch pause operation failed',
     batchDeleteError: 'Batch delete operation failed',
-    minSubscribers: 'Min Subscribers',
+    minSubscribers: 'Minimum Subscribers',
   },
   recommend: {
     all: 'All',
diff --git a/src/views/subscribe/SubscribePopularView.vue b/src/views/subscribe/SubscribePopularView.vue
index d79762ac..4480a24f 100644
--- a/src/views/subscribe/SubscribePopularView.vue
+++ b/src/views/subscribe/SubscribePopularView.vue
@@ -217,33 +217,20 @@ async function fetchData({ done }: { done: any }) {
       <div class="mr-5">
         <VLabel>{{ t('tmdb.rating') }}</VLabel>
       </div>
-      <div class="flex align-center" style="width: 300px;">
-        <VTextField
-          v-model="filterParams.min_rating"
-          variant="outlined"
-          density="compact"
-          type="number"
-          hide-details
-          single-line
-          min="0"
-          max="10"
-          step="0.1"
-          style="width: 80px;"
-        />
-        <span class="mx-2">-</span>
-        <VTextField
-          v-model="filterParams.max_rating"
-          variant="outlined"
-          density="compact"
-          type="number"
-          hide-details
-          single-line
-          min="0"
-          max="10"
-          step="0.1"
-          style="width: 80px;"
-        />
-      </div>
+      <VSlider
+        v-model="filterParams.min_rating"
+        thumb-label
+        max="10"
+        min="0"
+        :step="0.1"
+        class="align-center"
+        hide-details
+        style="width: 200px;"
+      >
+        <template v-slot:append>
+          <span class="ml-2 text-body-2">- 10</span>
+        </template>
+      </VSlider>
     </div>
     
     <div class="flex justify-start align-center">
diff --git a/src/views/subscribe/SubscribeShareView.vue b/src/views/subscribe/SubscribeShareView.vue
index d11a192c..d512a13d 100644
--- a/src/views/subscribe/SubscribeShareView.vue
+++ b/src/views/subscribe/SubscribeShareView.vue
@@ -236,33 +236,20 @@ function removeData(id: number) {
       <div class="mr-5">
         <VLabel>{{ t('tmdb.rating') }}</VLabel>
       </div>
-      <div class="flex align-center" style="width: 300px;">
-        <VTextField
-          v-model="filterParams.min_rating"
-          variant="outlined"
-          density="compact"
-          type="number"
-          hide-details
-          single-line
-          min="0"
-          max="10"
-          step="0.1"
-          style="width: 80px;"
-        />
-        <span class="mx-2">-</span>
-        <VTextField
-          v-model="filterParams.max_rating"
-          variant="outlined"
-          density="compact"
-          type="number"
-          hide-details
-          single-line
-          min="0"
-          max="10"
-          step="0.1"
-          style="width: 80px;"
-        />
-      </div>
+      <VSlider
+        v-model="filterParams.min_rating"
+        thumb-label
+        max="10"
+        min="0"
+        :step="0.1"
+        class="align-center"
+        hide-details
+        style="width: 200px;"
+      >
+        <template v-slot:append>
+          <span class="ml-2 text-body-2">- 10</span>
+        </template>
+      </VSlider>
     </div>
   </div>