From 8d4ddd314a89a92dd5912b2dd058a4376b9826e6 Mon Sep 17 00:00:00 2001
From: Joseph Izang <josephizang@gmail.com>
Date: Thu, 16 May 2024 18:15:53 +0100
Subject: [PATCH] customize popover

---
 libs/remix-ui/statusbar/src/lib/components/scamDetails.tsx  | 2 +-
 libs/remix-ui/statusbar/src/lib/remixui-statusbar-panel.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/libs/remix-ui/statusbar/src/lib/components/scamDetails.tsx b/libs/remix-ui/statusbar/src/lib/components/scamDetails.tsx
index 2bb5470a8c..5e99115a14 100644
--- a/libs/remix-ui/statusbar/src/lib/components/scamDetails.tsx
+++ b/libs/remix-ui/statusbar/src/lib/components/scamDetails.tsx
@@ -15,7 +15,7 @@ export default function ScamDetails ({ refs, floatStyle }: ScamDetailsProps) {
     <div
       ref={refs.setFloating}
       style={floatStyle}
-      className="py-2 ml-2 mb-1 align-self-end mb-2 d-flex w-25 bg-danger border border-danger"
+      className="py-2 ml-1 mb-1 mb-2 d-flex w-25 bg-danger border border-danger"
     >
       <span className="align-self-center pl-4 mt-1">
         <i style={{ fontSize: 'xxx-large', fontWeight: 'lighter', color: 'orange' }} className="pr-2 far fa-exclamation-triangle"></i>
diff --git a/libs/remix-ui/statusbar/src/lib/remixui-statusbar-panel.tsx b/libs/remix-ui/statusbar/src/lib/remixui-statusbar-panel.tsx
index f3ee497ccd..7360d151e3 100644
--- a/libs/remix-ui/statusbar/src/lib/remixui-statusbar-panel.tsx
+++ b/libs/remix-ui/statusbar/src/lib/remixui-statusbar-panel.tsx
@@ -39,7 +39,7 @@ export function RemixUIStatusBar ({ statusBarPlugin }: RemixUIStatusBarProps) {
     <>
       {showScamDetails && (
         <FloatingFocusManager context={context} modal={false}>
-          <ScamDetails refs={refs} floatStyle={floatingStyles} getFloatingProps={getFloatingProps} />
+          <ScamDetails refs={refs} floatStyle={{ ...floatingStyles, minHeight: '300px', alignContent: 'center', paddingRight: '5px' }} getFloatingProps={getFloatingProps} />
         </FloatingFocusManager>)}
       <div className="d-flex flex-row bg-primary justify-content-between align-items-center">
         <div className="remixui_statusbar">