diff --git a/lib/backend/data.dart b/lib/backend/data.dart
index 665fe7a..bc07af4 100644
--- a/lib/backend/data.dart
+++ b/lib/backend/data.dart
@@ -13,6 +13,12 @@ import 'package:potato_fries/ui/components/headers/theme.dart';
 class Settings {
   const Settings._();
 
+  static const Setting<int> navigation_handle_width = Setting<int>(
+    "navigation_handle_width",
+    SettingTable.system,
+    10,
+  );
+
   static const Setting<double> monet_engine_chroma_factor = Setting<double>(
     "monet_engine_chroma_factor",
     SettingTable.secure,
@@ -87,7 +93,19 @@ class Pages {
     title: "System",
     icon: Icons.settings_outlined,
     selectedIcon: Icons.settings,
-    sections: [],
+    sections: [
+      PageSection(
+        title: "Navigation",
+        preferences: [
+          SliderSettingPreference<int>(
+              setting: Settings.navigation_handle_width,
+              title: "Navigation handle length",
+              min: 10,
+              max: 20
+          ),
+        ],
+      ),
+    ],
   );
 
   static const FriesPage themes = FriesPage(