diff --git a/ui/components/app/flask/snaps-authorship-pill/index.scss b/ui/components/app/flask/snaps-authorship-pill/index.scss index 90f4fa21b..1d6b6b3a9 100644 --- a/ui/components/app/flask/snaps-authorship-pill/index.scss +++ b/ui/components/app/flask/snaps-authorship-pill/index.scss @@ -5,6 +5,14 @@ .chip { padding-right: 8px; + margin-top: 4px; + } + + .chip__label { + max-width: 168px; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; } &:hover, diff --git a/ui/components/app/flask/snaps-authorship-pill/snaps-authorship-pill.js b/ui/components/app/flask/snaps-authorship-pill/snaps-authorship-pill.js index 81eb07e1b..c6846a052 100644 --- a/ui/components/app/flask/snaps-authorship-pill/snaps-authorship-pill.js +++ b/ui/components/app/flask/snaps-authorship-pill/snaps-authorship-pill.js @@ -63,6 +63,7 @@ const SnapsAuthorshipPill = ({ snapId, version, className }) => { variant={TYPOGRAPHY.H7} tag="span" color={COLORS.TEXT_ALTERNATIVE} + title={packageName} > {packageName}