diff --git a/src/components/TokenImage/styles.css.ts b/src/components/TokenImage/styles.css.ts index 799cc7fea..8b5fcdf54 100644 --- a/src/components/TokenImage/styles.css.ts +++ b/src/components/TokenImage/styles.css.ts @@ -35,6 +35,12 @@ export const root = recipe({ height: '40px', fontSize: '11px', }, + + xl: { + width: '64px', + height: '64px', + fontSize: '16px', + }, }, borderRadius: { @@ -74,6 +80,11 @@ export const img = style({ maxWidth: '40px', maxHeight: '40px', }, + + [`${selectorize(root({ size: 'xl' }))} &`]: { + maxWidth: '64px', + maxHeight: '64px', + }, }, })