From 7bcdba16c6424ba43317f8b6791ed7afe7c8620d Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Wed, 18 Dec 2024 07:41:01 -0800
Subject: [PATCH] Fix: chart stacking with multiple widgets

---
 src/widgets/glances/components/container.jsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/widgets/glances/components/container.jsx b/src/widgets/glances/components/container.jsx
index ebbe3d986c0..3e9e8b5a769 100644
--- a/src/widgets/glances/components/container.jsx
+++ b/src/widgets/glances/components/container.jsx
@@ -1,4 +1,5 @@
 import { useContext } from "react";
+import classNames from "classnames";
 
 import Error from "./error";
 
@@ -17,10 +18,10 @@ export default function Container({ children, widget, error = null, chart = true
   }
 
   return (
-    <div>
+    <div className={classNames("service-container relative", chart ? "h-[120px]" : "")}>
       {children}
       <div className={`absolute top-0 right-0 bottom-0 left-0 overflow-clip pointer-events-none ${className}`} />
-      {chart && <div className="h-[68px] overflow-clip" />}
+      {chart && <div className="chart h-[68px] overflow-clip" />}
       {!chart && <div className="h-[16px] overflow-clip" />}
     </div>
   );