diff --git a/src/components/CollapsibleText.tsx b/src/components/CollapsibleText.tsx
index 57059809..b1181f9c 100644
--- a/src/components/CollapsibleText.tsx
+++ b/src/components/CollapsibleText.tsx
@@ -4,6 +4,7 @@ import { Text, TextProps } from "./Text"
import { translate } from "../i18n"
import { useThemeColor } from "../theme"
import { Icon } from "./Icon"
+import { LayoutAnimation } from "react-native"
interface CollapsibleProps {
summary?: string
@@ -17,7 +18,10 @@ const maxLines = 50
export const CollapsibleText = (props: CollapsibleProps) => {
const [collapsed, setCollapsed] = useState(props?.collapsed ?? false)
- const toggleCollapse = () => setCollapsed(!collapsed)
+ const toggleCollapse = () => {
+ LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut)
+ setCollapsed(!collapsed)
+ }
const textDim = useThemeColor('textDim')
let summary = props?.summary
diff --git a/src/screens/MintInfoScreen.tsx b/src/screens/MintInfoScreen.tsx
index 7750fd3c..25270b36 100644
--- a/src/screens/MintInfoScreen.tsx
+++ b/src/screens/MintInfoScreen.tsx
@@ -70,7 +70,7 @@ function DescriptionCard(props: {info: GetInfoResponse}) {
) : (