Alle anderen Fenster werden über ein X in der oberen Ecke

geschlossen, hier gibt es den Schalter "Schließen". Bitte
durchgängig mit X ein Fenster schließen

components/modules/Kue705FO.jsx

@@ -3,6 +3,7 @@ import React, { useState, useEffect } from "react";
 import ReactModal from "react-modal";
 import Chart from "chart.js/auto";
 import KueModal from "../modales/KueModal";
+import "bootstrap-icons/font/bootstrap-icons.css"; // Import Bootstrap Icons
 
 function Kue705FO({
   isolationswert,
@@ -336,23 +337,32 @@ function Kue705FO({
                   marginRight: "-50%",
                   transform: "translate(-50%, -50%)",
                   width: "95%",
-                  maxWidth: "1000px",
-                  height: "630px",
+                  maxWidth: "1200px",
+                  height: "650px",
                   padding: "10px",
                 },
               }}
             >
+              <button
+                onClick={handleCloseChartModal}
+                style={{
+                  position: "absolute",
+                  top: "10px",
+                  right: "10px",
+                  background: "transparent",
+                  border: "none",
+                  fontSize: "24px",
+                  cursor: "pointer",
+                }}
+              >
+                <i className="bi bi-x-circle-fill"></i>{" "}
+                {/* Bootstrap Icon "X" */}
+              </button>
               <h2>Messkurve Slot {slotIndex + 1}</h2>
               <canvas
                 id="myChart"
-                style={{ width: "100%", height: "500px" }}
+                style={{ width: "100%", height: "600px" }}
               ></canvas>
-              <button
-                onClick={handleCloseChartModal}
-                className="bg-littwin-blue text-white p-2 mt-4"
-              >
-                Schließen
-              </button>
             </ReactModal>
           )}
         </>