fix(extension): remove red scrollbar

prax-wallet · Jun 17, 2024 · 419423d · 419423d
1 parent c37f592
commit 419423d
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/apps/extension/src/routes/popup/approval/origin.tsx b/apps/extension/src/routes/popup/approval/origin.tsx
@@ -82,7 +82,7 @@ export const OriginApproval = () => {
                     )}
                   </div>
                 </div>
-                <div className='z-30 flex min-h-11 w-full items-center overflow-x-scroll rounded-lg bg-background p-2 text-muted-foreground [scrollbar-color:red_red]'>
+                <div className='z-30 flex min-h-11 w-full items-center overflow-x-auto rounded-lg bg-background p-2 text-muted-foreground'>
                   <div className='mx-auto items-center p-2 text-center leading-[0.8em]'>
                     <DisplayOriginURL url={new URL(requestOrigin)} />
                   </div>

diff --git a/apps/extension/src/shared/components/display-origin-url.tsx b/apps/extension/src/shared/components/display-origin-url.tsx
@@ -1,5 +1,5 @@
 export const DisplayOriginURL = ({ url: { protocol, hostname, port } }: { url: URL }) => (
-  <span className='font-mono'>
+  <span className='whitespace-nowrap font-mono'>
     <span className='inline-block tracking-[-0.11em] brightness-90 saturate-50'>
       {protocol.split(':')[0]}
       <span className='tracking-[-0.21em]'>{':/'}</span>