diff --git a/src/components/Button.tsx b/src/components/Button.tsx
index 8308bd66f8..9a2f9b7d70 100644
--- a/src/components/Button.tsx
+++ b/src/components/Button.tsx
@@ -27,11 +27,6 @@ export type ButtonColor =
   | 'secondary_inverted'
   | 'negative'
   | 'negative_secondary'
-  | 'gradient_midnight'
-  | 'gradient_sunrise'
-  | 'gradient_sunset'
-  | 'gradient_nordic'
-  | 'gradient_bonfire'
 export type ButtonSize = 'tiny' | 'small' | 'large'
 export type ButtonShape = 'round' | 'square' | 'default'
 export type VariantProps = {
@@ -476,11 +471,6 @@ export const Button = React.forwardRef<View, ButtonProps>(
         secondary_inverted: tokens.gradients.sky,
         negative: tokens.gradients.sky,
         negative_secondary: tokens.gradients.sky,
-        gradient_midnight: tokens.gradients.midnight,
-        gradient_sunrise: tokens.gradients.sunrise,
-        gradient_sunset: tokens.gradients.sunset,
-        gradient_nordic: tokens.gradients.nordic,
-        gradient_bonfire: tokens.gradients.bonfire,
       }[color || 'primary']
 
       if (variant === 'gradient') {
diff --git a/src/view/screens/Storybook/Buttons.tsx b/src/view/screens/Storybook/Buttons.tsx
index 49ef438ccc..918b19d47e 100644
--- a/src/view/screens/Storybook/Buttons.tsx
+++ b/src/view/screens/Storybook/Buttons.tsx
@@ -165,16 +165,16 @@ export function Buttons() {
           <ButtonIcon icon={ChevronLeft} />
         </Button>
         <Button
-          variant="gradient"
-          color="gradient_sunset"
+          variant="solid"
+          color="primary"
           size="small"
           shape="round"
           label="Link out">
           <ButtonIcon icon={ChevronLeft} />
         </Button>
         <Button
-          variant="gradient"
-          color="gradient_sunset"
+          variant="solid"
+          color="primary"
           size="tiny"
           shape="round"
           label="Link out">
@@ -216,16 +216,16 @@ export function Buttons() {
           <ButtonIcon icon={ChevronLeft} />
         </Button>
         <Button
-          variant="gradient"
-          color="gradient_sunset"
+          variant="solid"
+          color="primary"
           size="small"
           shape="square"
           label="Link out">
           <ButtonIcon icon={ChevronLeft} />
         </Button>
         <Button
-          variant="gradient"
-          color="gradient_sunset"
+          variant="solid"
+          color="primary"
           size="tiny"
           shape="square"
           label="Link out">
diff --git a/src/view/screens/Storybook/Forms.tsx b/src/view/screens/Storybook/Forms.tsx
index ad130b376d..45a1d9aa00 100644
--- a/src/view/screens/Storybook/Forms.tsx
+++ b/src/view/screens/Storybook/Forms.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import {TextInput, View} from 'react-native'
+import {type TextInput, View} from 'react-native'
 
 import {atoms as a} from '#/alf'
 import {Button, ButtonText} from '#/components/Button'
@@ -216,8 +216,8 @@ export function Forms() {
       </View>
 
       <Button
-        variant="gradient"
-        color="gradient_nordic"
+        variant="solid"
+        color="primary"
         size="small"
         label="Reset all toggles"
         onPress={() => {