prevent link from taking all the parent space

MetaMask · Oct 18, 2024 · 9f5c982 · 9f5c982
1 parent 3fbef32
commit 9f5c982
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/ui/components/app/snaps/snap-ui-link/snap-ui-link.js b/ui/components/app/snaps/snap-ui-link/snap-ui-link.js
@@ -2,6 +2,7 @@ import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import {
   AlignItems,
+  BlockSize,
   Display,
   FlexDirection,
 } from '../../../../helpers/constants/design-system';
@@ -54,8 +55,12 @@ export const SnapUILink = ({ href, children }) => {
         onClick={handleLinkClick}
         externalLink
         size={ButtonLinkSize.Inherit}
-        display={Display.Inline}
+        display={Display.InlineBlock}
         className="snap-ui-link"
+        style={{
+          // Prevents the link from taking up the full width of the parent.
+          width: 'fit-content',
+        }}
         textProps={{
           display: Display.InlineFlex,
           flexDirection: FlexDirection.Row,