diff --git a/client/app/pages/preferences.vue b/client/app/pages/preferences.vue
index d3deb0d..3ab2638 100644
--- a/client/app/pages/preferences.vue
+++ b/client/app/pages/preferences.vue
@@ -52,11 +52,11 @@
     </PrimeDivider>
 
     <div>
-      <div class="flex justify-between text-sm mb-3">
-        <span>FPS</span>
-        <span>{{ shareFps }}</span>
+      <div class="text-sm mb-2">
+        Share FPS
       </div>
-      <PrimeSlider v-model="shareFps" class="mx-[10px]" :min="30" :max="60" :step="5" />
+
+      <PrimeSelectButton v-model="shareFps" :options="[5, 30, 60]" fluid size="small" />
     </div>
 
     <template v-if="isTauri">