From 419423d9c5ace2945c004288f0fae13e29fc279a Mon Sep 17 00:00:00 2001
From: Max Korsunov <maxkors2014@gmail.com>
Date: Mon, 17 Jun 2024 16:12:05 +0200
Subject: [PATCH] fix(extension): remove red scrollbar

---
 apps/extension/src/routes/popup/approval/origin.tsx         | 2 +-
 apps/extension/src/shared/components/display-origin-url.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/extension/src/routes/popup/approval/origin.tsx b/apps/extension/src/routes/popup/approval/origin.tsx
index 23dc55de..50d6ce6a 100644
--- 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
index 4a673b97..a482ae65 100644
--- 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>