From 6cc974fdd346eea38c7acb43260e4464485e4640 Mon Sep 17 00:00:00 2001
From: Joseph Izang <josephizang@gmail.com>
Date: Fri, 21 Oct 2022 17:41:27 +0100
Subject: [PATCH] fix effective region of tooltip

---
 .../panel/src/lib/plugins/panel-header.tsx    | 22 +++++++++----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/libs/remix-ui/panel/src/lib/plugins/panel-header.tsx b/libs/remix-ui/panel/src/lib/plugins/panel-header.tsx
index 455b11ccd2..ecd8cdefa1 100644
--- a/libs/remix-ui/panel/src/lib/plugins/panel-header.tsx
+++ b/libs/remix-ui/panel/src/lib/plugins/panel-header.tsx
@@ -27,9 +27,7 @@ const RemixUIPanelHeader = (props: RemixPanelProps) => {
   }
 
   const tooltipChild = (
-    <div className="swapitHeaderInfoSection d-flex justify-content-between" data-id='swapitHeaderInfoSectionId' onClick={toggleClass}>
-              <i className={`px-2 ml-2 pt-1 pb-4 ${!toggleExpander ? 'fas fa-angle-right' : 'fas fa-angle-down bg-light'}`} aria-hidden="true"></i>
-            </div>
+    <i className={`px-2 ml-2 pt-1 pb-4 ${!toggleExpander ? 'fas fa-angle-right' : 'fas fa-angle-down bg-light'}`} aria-hidden="true"></i>
   )
 
   return (
@@ -51,14 +49,16 @@ const RemixUIPanelHeader = (props: RemixPanelProps) => {
               </OverlayTrigger>
             )}
           </div>
-          <CustomTooltip
-            placement="right-end"
-            tooltipText="Plugin info"
-            tooltipId="pluginInfoTooltip"
-            tooltipClasses="text-nowrap"
-          >
-            {tooltipChild}
-          </CustomTooltip>
+          <div className="swapitHeaderInfoSection d-flex justify-content-between" data-id='swapitHeaderInfoSectionId' onClick={toggleClass}>
+            <CustomTooltip
+              placement="right-end"
+              tooltipText="Plugin info"
+              tooltipId="pluginInfoTooltip"
+              tooltipClasses="text-nowrap"
+            >
+              {tooltipChild}
+            </CustomTooltip>
+          </div>
         </div>
       </div>
       <div className={`bg-light mx-3 mb-2 p-3 pt-1 border-bottom flex-column ${toggleExpander ? "d-flex" : "d-none"}`}>