diff --git a/src/theme/styles/presets/default.css b/src/theme/styles/presets/default.css
index e41db965e..47461bf7f 100644
--- a/src/theme/styles/presets/default.css
+++ b/src/theme/styles/presets/default.css
@@ -101,5 +101,8 @@
     --fds-radius-sm: 4px;
     --fds-radius-md: 8px;
     --fds-radius-lg: 12px;
+    --fds-radius-xl: 16px;
+    --fds-radius-xxl: 24px;
+    --fds-radius-xxxl: 32px;
     --fds-radius-full: 9999px;
 }
diff --git a/src/theme/styles/spf.css b/src/theme/styles/spf.css
index 2e8689f06..de95b5563 100644
--- a/src/theme/styles/spf.css
+++ b/src/theme/styles/spf.css
@@ -300,12 +300,7 @@
     RADIUS
     ============================================================================
     */
-    --fds-radius-none: 0;
-    --fds-radius-xs: 2px;
     --fds-radius-sm: 8px;
-    --fds-radius-md: 8px;
-    --fds-radius-lg: 12px;
-    --fds-radius-full: 9999px;
 
     /* 
     ============================================================================
diff --git a/src/theme/tokens/radius.ts b/src/theme/tokens/radius.ts
index 9ad21c984..e69babd6e 100644
--- a/src/theme/tokens/radius.ts
+++ b/src/theme/tokens/radius.ts
@@ -9,5 +9,8 @@ export const Radius = {
     sm: "var(--fds-radius-sm)",
     md: "var(--fds-radius-md)",
     lg: "var(--fds-radius-lg)",
+    xl: "var(--fds-radius-xl)",
+    xxl: "var(--fds-radius-xxl)",
+    xxxl: "var(--fds-radius-xxxl)",
     full: "var(--fds-radius-full)",
 } as const;
diff --git a/stories/theme/doc-elements/doc-radius-display.tsx b/stories/theme/doc-elements/doc-radius-display.tsx
index 15efef3d7..af4a20b76 100644
--- a/stories/theme/doc-elements/doc-radius-display.tsx
+++ b/stories/theme/doc-elements/doc-radius-display.tsx
@@ -21,6 +21,9 @@ export const RadiusDisplay = ({ theme }: RadiusDisplayProps) => {
                 <RadiusCollection token="sm" />
                 <RadiusCollection token="md" />
                 <RadiusCollection token="lg" />
+                <RadiusCollection token="xl" />
+                <RadiusCollection token="xxl" />
+                <RadiusCollection token="xxxl" />
                 <RadiusCollection token="full" />
             </div>
         </ThemeProvider>
@@ -72,7 +75,7 @@ const row = css`
     grid-column: 1 / -1;
     grid-template-columns: subgrid;
     justify-items: flex-start;
-    align-items: flex-start;
+    align-items: center;
     gap: 0 3rem;
     margin-bottom: 2rem;
 `;
@@ -85,7 +88,7 @@ const headerRow = css`
 `;
 
 const radiusExample = css`
-    height: 48px;
-    width: 128px;
+    height: 96px;
+    width: 96px;
     background: tomato;
 `;