diff --git a/front/components/GtkUI/ElementTypes.tsx b/front/components/GtkUI/ElementTypes.tsx
index df56045..aca11ef 100644
--- a/front/components/GtkUI/ElementTypes.tsx
+++ b/front/components/GtkUI/ElementTypes.tsx
@@ -117,6 +117,7 @@ export const getElementRangeNode = (
             isDisabled={disabled}
             onChangeEnd={onChange}
             accessibilityLabel={`Slider for ${title}`}
+            width="200"
         >
             <Slider.Track>
                 <Slider.FilledTrack />
diff --git a/front/views/settings/PreferencesView.tsx b/front/views/settings/PreferencesView.tsx
index e4ca740..d000778 100644
--- a/front/views/settings/PreferencesView.tsx
+++ b/front/views/settings/PreferencesView.tsx
@@ -184,6 +184,15 @@ const PreferencesView = ({ navigation }) => {
 							],
 						},
 					},
+				]}
+			/>
+			<ElementList
+				style={{
+					marginTop: 20,
+					width: "90%",
+					maxWidth: 850,
+				}}
+				elements={[
 					{
 						type: "toggle",
 						title: "Color blind mode",
@@ -194,6 +203,15 @@ const PreferencesView = ({ navigation }) => {
 							},
 						},
 					},
+				]}
+			/>
+			<ElementList
+				style={{
+					marginTop: 20,
+					width: "90%",
+					maxWidth: 850,
+				}}
+				elements={[
 					{
 						type: "range",
 						title: "Mic volume",