From 0807357a7b981796b09b57f8771a025d05daba7d Mon Sep 17 00:00:00 2001
From: Joost De Cock <joost@joost.at>
Date: Tue, 29 Aug 2023 14:21:13 +0200
Subject: [PATCH] fix(shared): Limit width of account links

---
 sites/shared/components/account/links.mjs | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/sites/shared/components/account/links.mjs b/sites/shared/components/account/links.mjs
index fb1242e1622..9787c0799ea 100644
--- a/sites/shared/components/account/links.mjs
+++ b/sites/shared/components/account/links.mjs
@@ -74,7 +74,7 @@ const itemClasses = 'flex flex-row items-center justify-between bg-opacity-10 p-
 
 const AccountLink = ({ href, title, children }) => (
   <Link
-    className={`${itemClasses} hover:bg-secondary hover:bg-opacity-10`}
+    className={`${itemClasses} hover:bg-secondary hover:bg-opacity-10 max-w-md`}
     href={href}
     title={title}
   >
@@ -182,7 +182,7 @@ export const AccountLinks = () => {
                 </AccountLink>
               )
             )}
-            <div className={`${itemClasses} bg-neutral`}>
+            <div className={`${itemClasses} bg-neutral max-w-md`}>
               <div className="flex flex-row items-center gap-3 font-medium">
                 <FingerprintIcon />
                 <span>{t('userId')}</span>