diff --git a/.changeset/simplify-action-card-shadow.md b/.changeset/simplify-action-card-shadow.md new file mode 100644 index 00000000000..5b87f07a8fe --- /dev/null +++ b/.changeset/simplify-action-card-shadow.md @@ -0,0 +1,5 @@ +--- +"@clerk/ui": patch +--- + +Simplify ActionCard shadow styling. diff --git a/packages/ui/src/baseTheme.ts b/packages/ui/src/baseTheme.ts index ed85bffb7f0..c4ccb3b8018 100644 --- a/packages/ui/src/baseTheme.ts +++ b/packages/ui/src/baseTheme.ts @@ -256,7 +256,7 @@ const clerkTheme: Appearance = { }, actionCard: { borderWidth: 0, - boxShadow: `${theme.shadows.$actionCardShadow}, ${BORDER_SHADOW_LENGTH} ${theme.colors.$borderAlpha100}`, + boxShadow: `0px 0px 2px 0px rgba(0, 0, 0, 0.08), 0px 1px 2px 0px rgba(25, 28, 33, 0.12), 0px 0px 0px 1px ${theme.colors.$borderAlpha100}`, }, table: { borderWidth: 0,