From ed30a4ccac9c20eff764c435121ede568e29971d Mon Sep 17 00:00:00 2001
From: Rodrigo Antinarelli <rodrigoantinarelli@gmail.com>
Date: Mon, 13 Apr 2020 14:53:36 -0300
Subject: [PATCH] fix side panel header

---
 .../ui/src/components/SidePanel/SidePanel.jsx | 44 ++++++++++---------
 1 file changed, 24 insertions(+), 20 deletions(-)

diff --git a/platform/ui/src/components/SidePanel/SidePanel.jsx b/platform/ui/src/components/SidePanel/SidePanel.jsx
index 9da5e4ab0..ea1872900 100644
--- a/platform/ui/src/components/SidePanel/SidePanel.jsx
+++ b/platform/ui/src/components/SidePanel/SidePanel.jsx
@@ -70,25 +70,29 @@ const SidePanel = ({
     return (
       <React.Fragment>
         {isOpen ? (
-          <Button
-            variant="text"
-            color="inherit"
-            rounded="none"
-            onClick={() => {
-              setIsOpen(false);
-            }}
-            className="flex flex-row items-center border-b border-secondary-light px-3 h-12 relative w-full"
-          >
-            <Icon
-              name={openIconName[side]}
-              className={classnames(
-                'text-primary-active absolute',
-                side === 'left' && 'order-last'
-              )}
-              style={{ ...position[side] }}
-            />
-            <span className="flex-1 text-primary-active">{componentLabel}</span>
-          </Button>
+          <div className="px-3 border-b border-secondary-light">
+            <Button
+              variant="text"
+              color="inherit"
+              rounded="none"
+              onClick={() => {
+                setIsOpen(false);
+              }}
+              className="flex flex-row items-center px-3 h-12 relative w-full"
+            >
+              <Icon
+                name={openIconName[side]}
+                className={classnames(
+                  'text-primary-active absolute',
+                  side === 'left' && 'order-last'
+                )}
+                style={{ ...position[side] }}
+              />
+              <span className="flex-1 text-primary-active">
+                {componentLabel}
+              </span>
+            </Button>
+          </div>
         ) : (
           <Button
             variant="text"
@@ -119,7 +123,7 @@ const SidePanel = ({
       )}
       style={style}
     >
-      <div>{getSidePanelHeader()}</div>
+      {getSidePanelHeader()}
       {isOpen && children}
     </div>
   );