diff --git a/src/components/Slider/Slider.stories.tsx b/src/components/Slider/Slider.stories.tsx
index 08a8ca35..acabcb08 100644
--- a/src/components/Slider/Slider.stories.tsx
+++ b/src/components/Slider/Slider.stories.tsx
@@ -2,6 +2,8 @@ import type { Meta, StoryObj } from '@storybook/react'
 import { useState } from 'react'
 import { Text, View } from 'react-native'
 
+import { StyleSheet } from 'react-native-unistyles'
+
 import { Slider, type SliderProps } from './Slider'
 
 const meta: Meta<typeof Slider> = {
@@ -32,8 +34,8 @@ const Template = (args: SliderProps) => {
   return (
     <View style={{ gap: 20 }}>
       <View style={{ gap: 10 }}>
-        <Text>{positionMinRange.toFixed(0)}</Text>
-        <Text>{positionMaxRange.toFixed(0)}</Text>
+        <Text style={styles.label}>{positionMinRange.toFixed(0)}</Text>
+        <Text style={styles.label}>{positionMaxRange.toFixed(0)}</Text>
         <Slider
           {...args}
           range
@@ -45,7 +47,7 @@ const Template = (args: SliderProps) => {
       </View>
 
       <View style={{ gap: 10 }}>
-        <Text>{positionMin.toFixed(0)}</Text>
+        <Text style={styles.label}>{positionMin.toFixed(0)}</Text>
         <Slider
           {...args}
           minPointerValueInit={40}
@@ -57,6 +59,10 @@ const Template = (args: SliderProps) => {
   )
 }
 
+const styles = StyleSheet.create(({ semantic }) => ({
+  label: { color: semantic.colorScheme.color.fg.default },
+}))
+
 export default meta
 
 type Story = StoryObj<typeof Slider>