diff --git a/src/reprocess/BuySellSlider.vue b/src/reprocess/BuySellSlider.vue
index afe9c18..d60fa25 100644
--- a/src/reprocess/BuySellSlider.vue
+++ b/src/reprocess/BuySellSlider.vue
@@ -19,9 +19,9 @@ const value = useVModel(props, 'modelValue', emit);
 <template>
     <label class="flex items-center relative w-max cursor-pointer select-none">
         <input type="checkbox" class="appearance-none transition-colors cursor-pointer w-14 h-7 rounded-full focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-black" v-model="value" />
-        <span class="absolute font-medium text-xs right-1 text-white"> Buy </span>
-        <span class="absolute font-medium text-xs right-8 text-white"> Sell </span>
-        <span class="w-7 h-7 right-7 absolute rounded-full transform transition-transform bg-gray-200" />
+        <span class="absolute font-medium text-xs right-1"> Buy </span>
+        <span class="absolute font-medium text-xs right-8"> Sell </span>
+        <span class="w-7 h-7 right-7 absolute rounded-full transform transition-transform bg-slate-200" />
     </label>
 </template>