fix: trim long strings on extension list items (#1102)

Author: euharrison

apps/extension/src/App/Settings/ConnectedSites.tsx

@@ -84,7 +84,9 @@ export const ConnectedSites: React.FC = ({}) => {
                 "items-center text-base py-4 px-6"
               )}
             >
-              <span>{site}</span>
+              <span className="text-ellipsis overflow-hidden" title={site}>
+                {site}
+              </span>
               <span
                 className="p-2 cursor-pointer hover:text-yellow -mr-2"
                 onClick={() => handleRevokeConnection(site)}

packages/components/src/KeyListItem.tsx

@@ -53,7 +53,9 @@ export const KeyListItem = ({
           checked={isMainKey}
         />
       </div>
-      <label>{alias}</label>
+      <label className="text-ellipsis overflow-hidden" title={alias}>
+        {alias}
+      </label>
       <DropdownMenu
         id={alias}
         align="right"