diff --git a/src/frontend/src/pages/part/pricing/PricingOverviewPanel.tsx b/src/frontend/src/pages/part/pricing/PricingOverviewPanel.tsx
index ceb2aebb47..583461b03e 100644
--- a/src/frontend/src/pages/part/pricing/PricingOverviewPanel.tsx
+++ b/src/frontend/src/pages/part/pricing/PricingOverviewPanel.tsx
@@ -1,5 +1,13 @@
 import { t } from '@lingui/macro';
-import { Alert, Group, Paper, SimpleGrid, Stack, Text } from '@mantine/core';
+import {
+  Alert,
+  Anchor,
+  Group,
+  Paper,
+  SimpleGrid,
+  Stack,
+  Text
+} from '@mantine/core';
 import {
   IconBuildingWarehouse,
   IconChartDonut,
@@ -51,7 +59,14 @@ export default function PricingOverviewPanel({
           return (
             <Group position="left" spacing="xs">
               {record.icon}
-              <Text weight={700}>{record.title}</Text>
+              {record.name !== panelOptions.overall &&
+              record.name !== panelOptions.override ? (
+                <Anchor href={`#${record.name}`} weight={700}>
+                  {record.title}
+                </Anchor>
+              ) : (
+                <Text weight={700}>{record.title}</Text>
+              )}
             </Group>
           );
         }
diff --git a/src/frontend/src/pages/part/pricing/PricingPanel.tsx b/src/frontend/src/pages/part/pricing/PricingPanel.tsx
index 7753ffaa4c..de9dac2bfe 100644
--- a/src/frontend/src/pages/part/pricing/PricingPanel.tsx
+++ b/src/frontend/src/pages/part/pricing/PricingPanel.tsx
@@ -48,7 +48,7 @@ export default function PricingPanel({
   const is_disabled = disabled === undefined ? false : disabled;
   return (
     visible && (
-      <Accordion.Item value={label}>
+      <Accordion.Item value={label} id={label}>
         <AccordionControl disabled={is_disabled}>
           <StylishText size="lg">{title}</StylishText>
         </AccordionControl>