diff --git a/NewArch/src/components/Badge.tsx b/NewArch/src/components/Badge.tsx
index e20ed071..0ee6d3b4 100644
--- a/NewArch/src/components/Badge.tsx
+++ b/NewArch/src/components/Badge.tsx
@@ -31,7 +31,8 @@ export function Badge(props: {
   return (
     <View
       style={[styles.badgeContainer, {backgroundColor: props.badgeColor}]}
-      tooltip={props.description}>
+      tooltip={props.description}
+      tooltipProperties={{MaxWidth: 500}}>
       <Text style={[styles.badgeText, {color: props.textColor}]}>
         {props.badgeTitle}
       </Text>
diff --git a/NewArch/src/components/Controls.tsx b/NewArch/src/components/Controls.tsx
index 08ebe9ff..0d72914f 100644
--- a/NewArch/src/components/Controls.tsx
+++ b/NewArch/src/components/Controls.tsx
@@ -28,6 +28,7 @@ function Hyperlink({url, text}: HyperlinkProps): JSX.Element {
   return (
     <Pressable
       tooltip={url}
+      tooltipProperties={{MaxWidth: 500}}
       accessibilityRole="link"
       accessibilityLabel={displayText}
       onPress={() => Linking.openURL(url)}
diff --git a/NewArch/src/components/CopyToClipboard.tsx b/NewArch/src/components/CopyToClipboard.tsx
index f6e37ea2..17a9c02f 100644
--- a/NewArch/src/components/CopyToClipboard.tsx
+++ b/NewArch/src/components/CopyToClipboard.tsx
@@ -45,6 +45,7 @@ const CopyToClipboardButton = React.forwardRef<any, CopyToClipboardButtonProps>(
       accessibilityRole="button"
       accessibilityLabel={helpText}
       tooltip={helpText}
+      tooltipProperties={{MaxWidth: 500}}
       style={styles.background}
       onPress={() => {
         Clipboard.setString(content);
diff --git a/NewArch/src/components/PageScroller.tsx b/NewArch/src/components/PageScroller.tsx
index 22d2003f..eee29861 100644
--- a/NewArch/src/components/PageScroller.tsx
+++ b/NewArch/src/components/PageScroller.tsx
@@ -23,6 +23,7 @@ const PagingButton = ({left, onPress}: PagingButtonProps) => {
       accessibilityRole="button"
       accessibilityLabel={tooltip}
       tooltip={tooltip}
+      tooltipProperties={{MaxWidth: 500}}
       onPress={() => onPress()}
       onHoverIn={() => setHover(true)}
       onHoverOut={() => setHover(false)}
diff --git a/NewArch/src/components/ScreenWrapper.tsx b/NewArch/src/components/ScreenWrapper.tsx
index 61347a45..13b126af 100644
--- a/NewArch/src/components/ScreenWrapper.tsx
+++ b/NewArch/src/components/ScreenWrapper.tsx
@@ -82,6 +82,7 @@ export function ScreenWrapper({
             accessibilityRole="button"
             accessibilityLabel="Navigation menu"
             tooltip={'Expand navigation menu'}
+            tooltipProperties={{MaxWidth: 500}}
             // requires react-native-gesture-handler to be imported in order to pass testing.
             // blocked by #125
             //accessibilityState={{expanded: useIsDrawerOpen()}}