diff --git a/src/BikeTracking.Frontend/src/pages/RecordRidePage.test.tsx b/src/BikeTracking.Frontend/src/pages/RecordRidePage.test.tsx
index a305776..ef5d8be 100644
--- a/src/BikeTracking.Frontend/src/pages/RecordRidePage.test.tsx
+++ b/src/BikeTracking.Frontend/src/pages/RecordRidePage.test.tsx
@@ -142,6 +142,17 @@ describe('RecordRidePage', () => {
     })
   })
 
+  it('links Ride Preset setup to the settings page route', async () => {
+    render(
+      <BrowserRouter>
+        <RecordRidePage />
+      </BrowserRouter>
+    )
+
+    const link = await screen.findByRole('link', { name: /ride preset/i })
+    expect(link).toHaveAttribute('href', '/settings')
+  })
+
   it('loads ride presets and does not render legacy quick options section', async () => {
     mockGetRidePresets.mockResolvedValue({
       presets: [
diff --git a/src/BikeTracking.Frontend/src/pages/RecordRidePage.tsx b/src/BikeTracking.Frontend/src/pages/RecordRidePage.tsx
index afd6e67..4d40c18 100644
--- a/src/BikeTracking.Frontend/src/pages/RecordRidePage.tsx
+++ b/src/BikeTracking.Frontend/src/pages/RecordRidePage.tsx
@@ -1,4 +1,5 @@
 import { useEffect, useRef, useState } from 'react'
+import { Link } from 'react-router-dom'
 import type { CompassDirection, RidePreset, RecordRideRequest } from '../services/ridesService'
 import {
   getGasPrice,
@@ -340,7 +341,7 @@ export function RecordRidePage() {
   return (
     <div className="record-ride-page">
       <h1>Record a Ride</h1>
-      <p>Do you repeat rides often? Setup a <a href="/rides/presets">Ride Preset</a>.</p>
+      <p>Do you repeat rides often? Setup a <Link to="/settings">Ride Preset</Link>.</p>
       <p>
         Need to add past rides in bulk? <a href="/rides/import">Import rides from CSV</a>.
       </p>