diff --git a/components/Header.jsx b/components/Header.jsx
index 35f2769..3a2e818 100644
--- a/components/Header.jsx
+++ b/components/Header.jsx
@@ -104,7 +104,7 @@ function Header() {
 
       {/* Warnhinweis, wenn der Admin angemeldet ist */}
       {isAdminLoggedIn && (
-        <div className="absolute top-0 left-0 w-full h-8 bg-yellow-400 text-center py-2 text-black font-bold">
+        <div className="absolute top-0 left-1/2 transform -translate-x-1/2 w-full xl:w-1/4 2xl:w-1/4 h-8 bg-yellow-400 text-center py-2 text-black font-bold">
           Admin-Modus aktiv
         </div>
       )}
diff --git a/pages/_app.js b/pages/_app.js
index d11d9ad..0438d5c 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -42,12 +42,7 @@ function MyApp({ Component, pageProps }) {
         <Header />
         <div className="flex flex-grow w-full">
           <Navigation className="w-1/5" />
-          <main
-            className="flex flex-col 
-               w-full sm:w-3/4 md:w-2/3 lg:w-1/2 xl:w-full 
-               h-auto sm:h-[300px] md:h-[350px] lg:h-[400px] xl:h-[75%]
-               p-1"
-          >
+          <main className="w-full">
             {sessionExpired && (
               <div className="bg-red-500 text-white p-4 text-center">
                 Ihre Sitzung ist abgelaufen oder die Verbindung ist
diff --git a/pages/dashboard.js b/pages/dashboard.js
index 8eda398..903b56d 100644
--- a/pages/dashboard.js
+++ b/pages/dashboard.js
@@ -63,7 +63,7 @@ function Dashboard() {
       baugruppen.push(
         <div
           key={i}
-          className="flex bg-white shadow-md rounded-lg mb-4 xl:mb-0 p-2 sm:p-3 md:p-4 lg:p-5 xl:p-0 border border-gray-200 w-full sm:w-3/4 md:w-2/3 lg:w-1/2 xl:w-full"
+          className="flex bg-white shadow-md rounded-lg mb-4 xl:mb-0 lg:mb-0  border border-gray-200 w-full"
         >
           <div className="flex gap-1">
             {slots.map((version, index) => {
@@ -100,12 +100,7 @@ function Dashboard() {
   };
 
   return (
-    <div
-      className="flex flex-col 
-               w-full sm:w-3/4 md:w-2/3 lg:w-1/2 xl:w-full 
-               h-80% sm:h-[60%] md:h-[80%] lg:h-[80%] xl:h-[45%]
-               p-4"
-    >
+    <div className="flex flex-col gap-4 p-4 2xl:h-full overflow-auto">
       <div className="flex justify-between items-center w-full lg:w-2/3">
         <div className="flex justify-between gap-1  ">
           <Icon
@@ -118,9 +113,9 @@ function Dashboard() {
         </div>
       </div>
 
-      <div className="flex flex-col lg:flex-row gap-1 overflow-hidden">
-        <div className="bg-white shadow-md rounded-lg w-full lg:w-2/3 overflow-auto flex flex-grow xl:scale-98">
-          <table className="min-w-full border border-gray-200 text-left xl:scale-90">
+      <div className="flex flex-col lg:flex-row gap-1 overflow-hidden ">
+        <div className="bg-white shadow-md rounded-lg w-full lg:w-2/3 overflow-auto flex flex-grow ">
+          <table className="min-w-full border border-gray-200 text-left ">
             <thead className="bg-gray-100 border-b border-gray-300">
               <tr>
                 <th className="py-1 px-4 text-gray-700 text-sm font-medium">
@@ -173,20 +168,20 @@ function Dashboard() {
         <div
           className="shadow-md rounded-lg 
              w-full sm:w-3/4 md:w-2/3 lg:w-1/2 xl:w-1/3 
-             h-auto sm:h-[300px] md:h-[350px] lg:h-[400px] xl:h-[450px] 
+       
              flex flex-col gap-2"
         >
-          <div className="bg-gray-50 p-2 sm:p-3 md:p-4 lg:p-5 xl:p-1 rounded-lg shadow-sm border border-gray-200 w-full sm:w-3/4 md:w-2/3 lg:w-1/2 xl:w-full">
-            <h2 className="text-lg sm:text-base md:text-lg lg:text-xl xl:text-base font-semibold text-gray-700 mb-1">
+          <div className="bg-gray-50 p-4 sm:p-3 md:p-4 lg:p-2 xl:p-2 rounded-lg shadow-sm border border-gray-200 w-full ">
+            <h2 className="text-lg 2xl:text-lg xl:text-sm font-semibold text-gray-700 mb-2 ">
               Versionsinformationen
             </h2>
 
             <div className="flex flex-row p-2 sm:p-1 md:p-2 space-x-2">
               <Icon
                 icon="bx:code-block"
-                className="text-xl sm:text-lg md:text-xl text-blue-400"
+                className="text-xl 2xl:text-xl xl:text-base text-blue-400"
               />
-              <p className="text-sm sm:text-xxs md:text-xs lg:text-sm xl:text-sm text-gray-600">
+              <p className="text-sm 2xl:text-lg text-gray-600">
                 <span className="font-bold"></span> Applikationsversion:{" "}
                 {appVersion}
               </p>
@@ -195,9 +190,9 @@ function Dashboard() {
             <div className="flex flex-row p-2 sm:p-1 md:p-2 space-x-2">
               <Icon
                 icon="mdi:web"
-                className="text-xl sm:text-lg md:text-xl text-blue-400"
+                className="text-xl lg:text-base text-blue-400"
               />
-              <p className="text-sm sm:text-xxs md:text-xs lg:text-sm xl:text-sm text-gray-600">
+              <p className="text-sm sm:text-xs md:text-sm lg:text-base text-gray-600">
                 <span className="font-bold"></span> Webserverversion: 1.0.5.0
               </p>
             </div>
@@ -207,9 +202,9 @@ function Dashboard() {
         </div>
       </div>
 
-      <div className="flex-shrink-0 flex justify-between items-center mt-1 bg-white p-1 rounded-lg shadow-md border border-gray-200">
+      <div className="flex-shrink-0 flex justify-between items-center mt-1 bg-white p-2 rounded-lg shadow-md border border-gray-200 ">
         <div className="flex items-center space-x-4">
-          <img src="/images/IP-icon.svg" alt="IP Address" className="w-6 h-6" />
+          <img src="/images/IP-icon.svg" alt="IP Address" className="w-6 " />
           <div>
             <p className="text-xs text-gray-500">IP-Adresse</p>
             <p className="text-sm font-medium text-gray-700">{ip}</p>
@@ -219,7 +214,7 @@ function Dashboard() {
           <img
             src="/images/subnet-mask.svg"
             alt="subnet mask"
-            className="w-6 h-6"
+            className="w-6 "
           />
           <div>
             <p className="text-xs text-gray-500">Subnet-Maske</p>
@@ -227,7 +222,7 @@ function Dashboard() {
           </div>
         </div>
         <div className="flex items-center space-x-4">
-          <img src="/images/gateway.svg" alt="gateway" className="w-6 h-6" />
+          <img src="/images/gateway.svg" alt="gateway" className="w-6 " />
           <div>
             <p className="text-xs text-gray-500">Gateway</p>
             <p className="text-sm font-medium text-gray-700">{gateway}</p>