diff --git a/packages/mask/src/plugins/Collectible/SNSAdaptor/Collectible.tsx b/packages/mask/src/plugins/Collectible/SNSAdaptor/Collectible.tsx index fd5b10e16a56..1444075a00c8 100644 --- a/packages/mask/src/plugins/Collectible/SNSAdaptor/Collectible.tsx +++ b/packages/mask/src/plugins/Collectible/SNSAdaptor/Collectible.tsx @@ -139,10 +139,10 @@ const useStyles = makeStyles()((theme) => { padding: theme.spacing(8, 0), }, markdown: { - 'text-overflow': 'ellipsis', + textOverflow: 'ellipsis', display: '-webkit-box', - '-webkit-box-orient': 'vertical', - '-webkit-line-clamp': '3', + WebkitBoxOrient: 'vertical', + WebkitLineClamp: '3', }, } }) diff --git a/packages/mask/src/plugins/Gitcoin/SNSAdaptor/PreviewCard.tsx b/packages/mask/src/plugins/Gitcoin/SNSAdaptor/PreviewCard.tsx index abb773fc0778..9e8335acdde1 100644 --- a/packages/mask/src/plugins/Gitcoin/SNSAdaptor/PreviewCard.tsx +++ b/packages/mask/src/plugins/Gitcoin/SNSAdaptor/PreviewCard.tsx @@ -65,8 +65,8 @@ const useStyles = makeStyles()((theme) => ({ overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', - '-webkit-line-clamp': '4', - '-webkit-box-orient': 'vertical', + WebkitLineClamp: '4', + WebkitBoxOrient: 'vertical', }, })) diff --git a/packages/mask/src/plugins/dHEDGE/UI/PoolViewDeck.tsx b/packages/mask/src/plugins/dHEDGE/UI/PoolViewDeck.tsx index a9aea543d0bc..a8f0ebe367a1 100644 --- a/packages/mask/src/plugins/dHEDGE/UI/PoolViewDeck.tsx +++ b/packages/mask/src/plugins/dHEDGE/UI/PoolViewDeck.tsx @@ -38,8 +38,8 @@ const useStyles = makeStyles()((theme) => ({ overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', - '-webkit-line-clamp': '4', - '-webkit-box-orient': 'vertical', + WebkitLineClamp: '4', + webkitBoxOrient: 'vertical', }, button: { marginTop: theme.spacing(2),