diff --git a/app/kabelueberwachung/page.jsx b/app/kabelueberwachung/page.jsx
index 34b4621..b9cc03b 100644
--- a/app/kabelueberwachung/page.jsx
+++ b/app/kabelueberwachung/page.jsx
@@ -68,7 +68,7 @@ function Kabelueberwachung() {
   }, []);
 
   return (
-    <div className="bg-gray-100 flex-1 p-4">
+    <div className="bg-gray-100 flex-1 p-6">
       <h1 className="text-2xl mb-4">Kabelüberwachung</h1>
 
       {/* Tabs for Racks */}
@@ -108,14 +108,15 @@ function Kabelueberwachung() {
       </div>
 
       {/* Slots for the active rack */}
-      <div className="flex flex-row gap-4">
+      <div className="flex flex-row  justify-between">
         {racks[`rack${activeRack}`].map((slot, index) => (
-          <Kue705FO
-            key={index}
-            isolationswert={slot.isolationswert}
-            schleifenwiderstand={slot.schleifenwiderstand}
-            modulName={slot.modulName}
-          />
+          <div key={index} className="flex-grow">
+            <Kue705FO
+              isolationswert={slot.isolationswert}
+              schleifenwiderstand={slot.schleifenwiderstand}
+              modulName={slot.modulName}
+            />
+          </div>
         ))}
       </div>
     </div>
diff --git a/components/modules/Kue705FO.jsx b/components/modules/Kue705FO.jsx
index 24032d4..539e280 100644
--- a/components/modules/Kue705FO.jsx
+++ b/components/modules/Kue705FO.jsx
@@ -8,42 +8,61 @@ function Kue705FO({
   kueVersion,
 }) {
   return (
-    <div className="relative bg-gray-300 w-[116px] h-[390px] border border-gray-400">
+    <div className="relative bg-gray-300 w-[116px] h-[390px] border border-gray-400 scale-110 top-3">
       {/* Hauptkörper - Linker Bereich */}
-      <div className="absolute top-[1.352px] left-[1.352px] w-[113.202px] h-[242.492px] bg-littwin-blue border-[1.5px] border-gray-400"></div>
+      <div className="relative w-[113.202px] h-[242.492px] bg-littwin-blue border-[1.5px] border-gray-400 z-0">
+        {/* Header-Bereich mit Slotnummer und Zahnrad */}
+        <div className="flex items-start justify-between h-[30px] ">
+          {/* Slotnummer */}
+          <div className="relative w-[20px] h-[20px] bg-gray-800 flex items-center justify-center">
+            <span className="text-white text-[10px]">1</span>
+          </div>
 
-      {/* Innenrahmen weiß */}
-      <div className="absolute top-[3.375px] left-[3.375px] w-[109.125px] h-[238.5px] border-[3px] border-white"></div>
+          {/* KÜ705-FO Text */}
+          <h3 className="text-white font-bold text-[9px] mr-4">KÜ705-FO</h3>
 
-      {/* Rechte Spalte */}
-      <div className="absolute top-[3.375px] right-0 w-[37.5px] h-[238.5px] border-[3px] border-white"></div>
+          {/* Zahnrad-Icon */}
+          <button
+            onClick={() => console.log("Settings clicked")}
+            className="w-[15px] h-[15px] bg-gray-400 flex items-center justify-center"
+          >
+            <span className="text-white text-[20px]">⚙</span>
+          </button>
+        </div>
 
-      {/* Oberer kleiner Block in der rechten Spalte */}
-      <div className="absolute top-[3.375px] right-0 w-[37.5px] h-[37.052px] border-[3px] border-white"></div>
+        {/* Betrieb und Alarm Status */}
+        <div className="flex flex-col mt-[10px] ml-[10px]">
+          <div className="flex items-center">
+            <div className="w-[10px] h-[10px] bg-green-500 rounded-full mr-2"></div>
+            <span className="text-white text-[10px]">Betrieb</span>
+          </div>
+          <div className="flex items-center mt-1">
+            <div className="w-[10px] h-[10px] bg-gray-300 rounded-full mr-2"></div>
+            <span className="text-white text-[10px]">Alarm</span>
+          </div>
+        </div>
 
-      {/* Text KÜ705-FO */}
-      <h3 className="absolute top-[19.871px] left-[25.541px] text-white font-bold text-[9px]">
-        KÜ705-FO
-      </h3>
+        {/* Isolationswert-Anzeige */}
+        <div className="relative mt-[50px] mx-auto bg-black text-white w-[80px] h-[40px] flex items-center justify-center text-[18px] z-10">
+          <div className="text-center">
+            <span>{">200"}</span>
+            <div className="text-[8px]">ISO MOhm</div>
+          </div>
+        </div>
 
-      {/* Modulname und Version */}
-      <div className="absolute top-[220px] left-[10px] text-white text-[8px]">
-        <p>Version: {kueVersion}</p>
-      </div>
+        {/* Weiße Linien */}
+        <div className="absolute top-0 left-[75px] w-[3px] h-full bg-white z-0"></div>
+        <div className="absolute top-[40px] left-[75px] w-[40px] h-[3px] bg-white z-0"></div>
 
-      {/* Isolationswert */}
-      <div className="absolute top-[100px] left-[10px] text-white text-[8px]">
-        <p>Isolationswert: </p>
-        <p>{isolationswert} kOhm</p>
-      </div>
+        {/* Modulname-Anzeige */}
+        <div className="absolute bottom-[20px] left-[10px] text-black text-[10px] bg-gray-300 p-1 w-[100px] text-center">
+          Test1
+        </div>
 
-      {/* Kabelüberwachung-Modul-Name */}
-      <div className="absolute top-[130px] left-[10px] text-white text-[8px]">
-        <p>ModulName: {modulName}</p>
-      </div>
-      {/* Schleifenwiderstand */}
-      <div className="absolute top-[270px] left-[10px] text-white text-[8px]">
-        <p>Schleifenwiderstand: {schleifenwiderstand} kOhm</p>
+        {/* Version */}
+        <div className="absolute bottom-1 right-1 text-black text-[8px]">
+          V4.19
+        </div>
       </div>
 
       {/* Unterer Bereich - Schleifenwiderstand und Messkurve */}