diff --git a/packages/tradershub/package.json b/packages/tradershub/package.json index ea8bed96f50a..57d76071f473 100644 --- a/packages/tradershub/package.json +++ b/packages/tradershub/package.json @@ -38,6 +38,7 @@ "react-i18next": "^11.11.0", "react-router-dom": "^5.2.0", "react-transition-group": "4.4.2", + "tailwind-merge": "^1.14.0", "usehooks-ts": "^2.7.0", "yup": "^0.32.11" }, diff --git a/packages/tradershub/src/components/ActionScreen/ActionScreen.tsx b/packages/tradershub/src/components/ActionScreen/ActionScreen.tsx index fae375e7275f..2b063771162f 100644 --- a/packages/tradershub/src/components/ActionScreen/ActionScreen.tsx +++ b/packages/tradershub/src/components/ActionScreen/ActionScreen.tsx @@ -1,5 +1,5 @@ import React, { ComponentProps, isValidElement, ReactNode } from 'react'; -import { clsx } from 'clsx'; +import { twMerge } from 'tailwind-merge'; import { Text } from '@deriv-com/ui'; type TActionScreenProps = { @@ -29,7 +29,9 @@ const ActionScreen = ({ titleSize = 'md', }: TActionScreenProps) => { return ( -