line clipping?

components/Global/text.tsx

@@ -32,7 +32,12 @@ interface TextProps {
 
 export function Text(props: TextProps): React.JSX.Element {
     return (
-        <Paragraph width={props.width} fontWeight={props.bold ? 800 : 600} fontSize="$4">
+        <Paragraph 
+            width={props.width} 
+            fontWeight={props.bold ? 800 : 600} 
+            fontSize="$4"
+            lineBreakMode="clip"
+        >
             { props.children }
         </Paragraph>
     )

components/Home/helpers/recently-played.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect } from "react";
-import { H5, ScrollView, Text, View } from "tamagui";
+import { H5, ScrollView, View } from "tamagui";
 import { useHomeContext } from "../provider";
-import { H2 } from "../../Global/text";
+import { H2, Text } from "../../Global/text";
 import { Card } from "../../Global/card";
 import { play } from "react-native-track-player/lib/src/trackPlayer";
 import { mapDtoToTrack } from "../../../helpers/mappings";