diff --git a/app/src/main/java/ua/acclorite/book_story/presentation/settings/reader/reading_speed/components/PerceptionExpanderPaddingOption.kt b/app/src/main/java/ua/acclorite/book_story/presentation/settings/reader/reading_speed/components/PerceptionExpanderPaddingOption.kt
index 5a84a917..43706c2e 100644
--- a/app/src/main/java/ua/acclorite/book_story/presentation/settings/reader/reading_speed/components/PerceptionExpanderPaddingOption.kt
+++ b/app/src/main/java/ua/acclorite/book_story/presentation/settings/reader/reading_speed/components/PerceptionExpanderPaddingOption.kt
@@ -8,21 +8,24 @@ import ua.acclorite.book_story.R
 import ua.acclorite.book_story.presentation.core.components.settings.SliderWithTitle
 import ua.acclorite.book_story.ui.main.MainEvent
 import ua.acclorite.book_story.ui.main.MainModel
+import ua.acclorite.book_story.ui.theme.ExpandingTransition
 
 @Composable
 fun PerceptionExpanderPaddingOption() {
     val mainModel = hiltViewModel<MainModel>()
     val state = mainModel.state.collectAsStateWithLifecycle()
 
-    SliderWithTitle(
-        value = state.value.perceptionExpanderPadding to "pt",
-        fromValue = 0,
-        toValue = 24,
-        title = stringResource(id = R.string.perception_expander_padding_option),
-        onValueChange = {
-            mainModel.onEvent(
-                MainEvent.OnChangePerceptionExpanderPadding(it)
-            )
-        }
-    )
+    ExpandingTransition(visible = state.value.perceptionExpander) {
+        SliderWithTitle(
+            value = state.value.perceptionExpanderPadding to "pt",
+            fromValue = 0,
+            toValue = 24,
+            title = stringResource(id = R.string.perception_expander_padding_option),
+            onValueChange = {
+                mainModel.onEvent(
+                    MainEvent.OnChangePerceptionExpanderPadding(it)
+                )
+            }
+        )
+    }
 }
\ No newline at end of file
diff --git a/app/src/main/java/ua/acclorite/book_story/presentation/settings/reader/reading_speed/components/PerceptionExpanderThicknessOption.kt b/app/src/main/java/ua/acclorite/book_story/presentation/settings/reader/reading_speed/components/PerceptionExpanderThicknessOption.kt
index 24c48266..c86df3d5 100644
--- a/app/src/main/java/ua/acclorite/book_story/presentation/settings/reader/reading_speed/components/PerceptionExpanderThicknessOption.kt
+++ b/app/src/main/java/ua/acclorite/book_story/presentation/settings/reader/reading_speed/components/PerceptionExpanderThicknessOption.kt
@@ -8,21 +8,24 @@ import ua.acclorite.book_story.R
 import ua.acclorite.book_story.presentation.core.components.settings.SliderWithTitle
 import ua.acclorite.book_story.ui.main.MainEvent
 import ua.acclorite.book_story.ui.main.MainModel
+import ua.acclorite.book_story.ui.theme.ExpandingTransition
 
 @Composable
 fun PerceptionExpanderThicknessOption() {
     val mainModel = hiltViewModel<MainModel>()
     val state = mainModel.state.collectAsStateWithLifecycle()
 
-    SliderWithTitle(
-        value = state.value.perceptionExpanderThickness to "pt",
-        fromValue = 1,
-        toValue = 12,
-        title = stringResource(id = R.string.perception_expander_thickness_option),
-        onValueChange = {
-            mainModel.onEvent(
-                MainEvent.OnChangePerceptionExpanderThickness(it)
-            )
-        }
-    )
+    ExpandingTransition(visible = state.value.perceptionExpander) {
+        SliderWithTitle(
+            value = state.value.perceptionExpanderThickness to "pt",
+            fromValue = 1,
+            toValue = 12,
+            title = stringResource(id = R.string.perception_expander_thickness_option),
+            onValueChange = {
+                mainModel.onEvent(
+                    MainEvent.OnChangePerceptionExpanderThickness(it)
+                )
+            }
+        )
+    }
 }
\ No newline at end of file
diff --git a/app/src/main/java/ua/acclorite/book_story/presentation/settings/reader/system/components/ScreenBrightnessOption.kt b/app/src/main/java/ua/acclorite/book_story/presentation/settings/reader/system/components/ScreenBrightnessOption.kt
index be4b5238..31329e3d 100644
--- a/app/src/main/java/ua/acclorite/book_story/presentation/settings/reader/system/components/ScreenBrightnessOption.kt
+++ b/app/src/main/java/ua/acclorite/book_story/presentation/settings/reader/system/components/ScreenBrightnessOption.kt
@@ -8,20 +8,23 @@ import ua.acclorite.book_story.R
 import ua.acclorite.book_story.presentation.core.components.settings.SliderWithTitle
 import ua.acclorite.book_story.ui.main.MainEvent
 import ua.acclorite.book_story.ui.main.MainModel
+import ua.acclorite.book_story.ui.theme.ExpandingTransition
 
 @Composable
 fun ScreenBrightnessOption() {
     val mainModel = hiltViewModel<MainModel>()
     val state = mainModel.state.collectAsStateWithLifecycle()
 
-    SliderWithTitle(
-        value = state.value.screenBrightness to "",
-        toValue = 100,
-        title = stringResource(id = R.string.screen_brightness_option),
-        onValueChange = {
-            mainModel.onEvent(
-                MainEvent.OnChangeScreenBrightness(it)
-            )
-        }
-    )
+    ExpandingTransition(visible = state.value.customScreenBrightness) {
+        SliderWithTitle(
+            value = state.value.screenBrightness to "",
+            toValue = 100,
+            title = stringResource(id = R.string.screen_brightness_option),
+            onValueChange = {
+                mainModel.onEvent(
+                    MainEvent.OnChangeScreenBrightness(it)
+                )
+            }
+        )
+    }
 }
\ No newline at end of file