diff --git a/src/frontend/src/primitives/buttonRecipe.ts b/src/frontend/src/primitives/buttonRecipe.ts
index 4de58749..4b601ab8 100644
--- a/src/frontend/src/primitives/buttonRecipe.ts
+++ b/src/frontend/src/primitives/buttonRecipe.ts
@@ -211,6 +211,9 @@ export const buttonRecipe = cva({
           outlineColor: 'focusRing',
           outlineOffset: '2px',
         },
+        '&[data-disabled]': {
+          opacity: 0.2,
+        },
       },
       quaternaryText: {
         backgroundColor: 'transparent',