diff --git a/components/main/einausgaenge/DigitalInputs.tsx b/components/main/einausgaenge/DigitalInputs.tsx
index 88adc6e..db525a8 100644
--- a/components/main/einausgaenge/DigitalInputs.tsx
+++ b/components/main/einausgaenge/DigitalInputs.tsx
@@ -2,45 +2,65 @@
 import React from "react";
 import { Icon } from "@iconify/react";
 
-export default function DigitalInputs({ digitalInputs, openInputModal }) {
+export default function DigitalInputs({
+  inputsGroup1,
+  inputsGroup2,
+  openInputModal,
+}) {
   return (
     <div className="bg-white shadow-md rounded-lg border border-gray-200 p-4 w-3/5 flex-grow flex flex-col">
       <h2 className="text-md font-bold mb-4 flex items-center">
         <Icon icon="mdi:input" className="text-blue-500 mr-2 text-2xl" />
         Digitale Eingänge
       </h2>
-      <table className="w-full text-sm border-collapse bg-white rounded-lg">
-        <thead className="bg-gray-100 border-b">
-          <tr>
-            <th className="px-2 py-1 text-left">Eingang</th>
-            <th className="px-2 py-1 text-left">Zustand</th>
-            <th className="px-2 py-1 text-left">Bezeichnung</th>
-            <th className="px-2 py-1 text-left">Aktion</th>
-          </tr>
-        </thead>
-        <tbody>
-          {digitalInputs.map((input) => (
-            <tr key={input.id} className="border-b">
-              <td className="flex items-center p-2">
-                <Icon
-                  icon="mdi:input"
-                  className="text-black-500 mr-2 text-xl"
-                />
-                {input.id}
-              </td>
-              <td className="p-2">{input.status === "active" ? "●" : "⨉"}</td>
-              <td className="p-2">{input.description}</td>
-              <td className="p-2">
-                <Icon
-                  icon="mdi:settings"
-                  className="text-gray-400 text-lg cursor-pointer"
-                  onClick={() => openInputModal(input)}
-                />
-              </td>
-            </tr>
-          ))}
-        </tbody>
-      </table>
+      <div className="grid grid-cols-2 gap-4">
+        {[inputsGroup1, inputsGroup2].map((group, index) => (
+          <div key={index} className="flex-grow">
+            <table className="w-full text-sm border-collapse bg-white rounded-lg">
+              <thead className="bg-gray-100 border-b">
+                <tr>
+                  <th className="px-2 py-1 text-left">Eingang</th>
+                  <th className="px-2 py-1 text-left">Zustand</th>
+                  <th className="px-2 py-1 text-left">Bezeichnung</th>
+                  <th className="px-2 py-1 text-left">Aktion</th>
+                </tr>
+              </thead>
+              <tbody>
+                {group.map((input) => (
+                  <tr key={input.id} className="border-b">
+                    <td className="flex items-center p-2 xl:py-0 2xl:p-1">
+                      <Icon
+                        icon="mdi:input"
+                        className="text-black-500 mr-2 text-xl"
+                      />
+                      {input.id}
+                    </td>
+                    <td className="p-2 xl:py-0">
+                      <span
+                        className={
+                          input.status === "active"
+                            ? "text-green-500"
+                            : "text-red-500"
+                        }
+                      >
+                        {input.status === "active" ? "●" : "⨉"}
+                      </span>
+                    </td>
+                    <td className="p-2 xl:py-0">{input.description}</td>
+                    <td className="p-2 xl:py-0">
+                      <Icon
+                        icon="mdi:settings"
+                        className="text-gray-400 text-lg cursor-pointer"
+                        onClick={() => openInputModal(input)}
+                      />
+                    </td>
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+          </div>
+        ))}
+      </div>
     </div>
   );
 }
diff --git a/config/webVersion.ts b/config/webVersion.ts
index afd421a..646b544 100644
--- a/config/webVersion.ts
+++ b/config/webVersion.ts
@@ -6,5 +6,5 @@
 2: Patch oder Hotfix (Bugfixes oder kleine Änderungen).
 
 */
-const webVersion = "1.6.51";
+const webVersion = "1.6.52";
 export default webVersion;
diff --git a/pages/einausgaenge.tsx b/pages/einausgaenge.tsx
index 05ec5e4..48963b5 100644
--- a/pages/einausgaenge.tsx
+++ b/pages/einausgaenge.tsx
@@ -2,6 +2,7 @@
 import React, { useState, useEffect } from "react";
 import { Icon } from "@iconify/react";
 import DigitalOutputs from "../components/main/einausgaenge/DigitalOutputs";
+import DigitalInputs from "../components/main/einausgaenge/DigitalInputs";
 
 function EinAusgaenge() {
   const [mockData, setMockData] = useState({
@@ -111,60 +112,11 @@ function EinAusgaenge() {
       <h1 className="text-lg font-semibold mb-4">Ein- und Ausgänge</h1>
       <div className="flex gap-4">
         {/* Digitale Eingänge */}
-        <div className="bg-white shadow-md rounded-lg border border-gray-200 p-4 w-3/5 flex-grow flex flex-col">
-          <h2 className="text-md font-bold mb-4 flex items-center">
-            <Icon icon="mdi:input" className="text-blue-500 mr-2 text-2xl" />
-            Digitale Eingänge
-          </h2>
-          <div className="grid grid-cols-2 gap-4">
-            {[inputsGroup1, inputsGroup2].map((group, index) => (
-              <div key={index} className="flex-grow">
-                <table className="w-full text-sm border-collapse bg-white rounded-lg">
-                  <thead className="bg-gray-100 border-b">
-                    <tr>
-                      <th className="px-2 py-1 text-left">Eingang</th>
-                      <th className="px-2 py-1 text-left">Zustand</th>
-                      <th className="px-2 py-1 text-left">Bezeichnung</th>
-                      <th className="px-2 py-1 text-left">Aktion</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    {group.map((input) => (
-                      <tr key={input.id} className="border-b">
-                        <td className="flex items-center p-2 xl:py-0 2xl:p-1">
-                          <Icon
-                            icon="mdi:input"
-                            className="text-black-500 mr-2 text-xl"
-                          />
-                          {input.id}
-                        </td>
-                        <td className="p-2 xl:py-0">
-                          <span
-                            className={
-                              input.status === "active"
-                                ? "text-green-500"
-                                : "text-red-500"
-                            }
-                          >
-                            {input.status === "active" ? "●" : "⨉"}
-                          </span>
-                        </td>
-                        <td className="p-2 xl:py-0">{input.description}</td>
-                        <td className="p-2 xl:py-0">
-                          <Icon
-                            icon="mdi:settings"
-                            className="text-gray-400 text-lg cursor-pointer"
-                            onClick={() => openInputModal(input)}
-                          />
-                        </td>
-                      </tr>
-                    ))}
-                  </tbody>
-                </table>
-              </div>
-            ))}
-          </div>
-        </div>
+        <DigitalInputs
+          inputsGroup1={inputsGroup1}
+          inputsGroup2={inputsGroup2}
+          openInputModal={openInputModal}
+        />
 
         {/* Digitale Ausgänge */}
         <DigitalOutputs