fix(app): shrink Setup Robot Modal links to fit content (#15974)

On modal produced by desktop app `DeviceLanding` "See how to setup a new robot" link, shrink link clickable area to fit content. Closes RQA-2961
Opentrons · Aug 12, 2024 · ffd1c16 · ffd1c16
1 parent dfae4cc
commit ffd1c16
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/app/src/pages/Devices/DevicesLanding/NewRobotSetupHelp.tsx b/app/src/pages/Devices/DevicesLanding/NewRobotSetupHelp.tsx
@@ -5,6 +5,7 @@ import {
   ALIGN_FLEX_END,
   DIRECTION_COLUMN,
   Flex,
+  FLEX_MAX_CONTENT,
   Link,
   PrimaryButton,
   SPACING,
@@ -50,10 +51,16 @@ export function NewRobotSetupHelp(): JSX.Element {
                 <LegacyStyledText as="p" marginBottom={SPACING.spacing16}>
                   {t('new_robot_instructions')}
                 </LegacyStyledText>
-                <ExternalLink href={NEW_FLEX_SETUP_SUPPORT_ARTICLE_HREF}>
+                <ExternalLink
+                  href={NEW_FLEX_SETUP_SUPPORT_ARTICLE_HREF}
+                  width={FLEX_MAX_CONTENT}
+                >
                   {t('opentrons_flex_quickstart_guide')}
                 </ExternalLink>
-                <ExternalLink href={NEW_OT2_SETUP_SUPPORT_ARTICLE_HREF}>
+                <ExternalLink
+                  href={NEW_OT2_SETUP_SUPPORT_ARTICLE_HREF}
+                  width={FLEX_MAX_CONTENT}
+                >
                   {t('ot2_quickstart_guide')}
                 </ExternalLink>
                 <PrimaryButton