From fdca4df0a7300d84c058de1dae129d1ba48f413f Mon Sep 17 00:00:00 2001
From: YanJin <yanjin.cheng@scality.com>
Date: Mon, 6 Jan 2020 10:07:43 +0100
Subject: [PATCH] ui/doc: fix the bug when the content of tooltip is empty but
 still display

- the bug was imported by adding the <TooltipContent> style

Refs: #2149
---
 ui/src/containers/NodeVolumes.js | 9 +--------
 1 file changed, 1 insertion(+), 8 deletions(-)

diff --git a/ui/src/containers/NodeVolumes.js b/ui/src/containers/NodeVolumes.js
index 148b608d8f..4576b63628 100644
--- a/ui/src/containers/NodeVolumes.js
+++ b/ui/src/containers/NodeVolumes.js
@@ -87,10 +87,6 @@ const LoaderContainer = styled(Loader)`
   padding-right: ${padding.smaller};
 `;
 
-const TooltipContent = styled.div`
-  background-color: ${props => props.theme.brand.backgroundContrast2};
-`;
-
 const NodeVolumes = props => {
   const { intl } = props;
   const dispatch = useDispatch();
@@ -202,10 +198,7 @@ const NodeVolumes = props => {
 
         return (
           <>
-            <Tooltip
-              placement="top"
-              overlay={<TooltipContent>{hintPopup()}</TooltipContent>}
-            >
+            <Tooltip placement="bottom" overlay={hintPopup()}>
               <Button
                 className="remove-volume-button"
                 onClick={e => {