diff --git a/src/components/FancySlider.tsx b/src/components/FancySlider.tsx
index abc13d190..8f97a06bc 100644
--- a/src/components/FancySlider.tsx
+++ b/src/components/FancySlider.tsx
@@ -327,6 +327,7 @@ const styles = StyleSheet.create({
 	root: {
 		height: CIRCLE_SIZE,
 		flexDirection: 'row',
+		zIndex: 10, // To make sure slider is always on top
 	},
 	container: {
 		flexDirection: 'row',