NetzwerkInfo in dashboard strecken durch flex-grow

pages/dashboard.tsx

@@ -1,4 +1,4 @@
-"use client";
+"use client"; //pages/dashboard.tsx
 import React, { useEffect } from "react";
 import { useRouter } from "next/navigation";
 import "tailwindcss/tailwind.css";
@@ -31,14 +31,13 @@ const Dashboard: React.FC = () => {
         <Last20MessagesTable />
 
         <div className="shadow-md rounded-lg w-full sm:w-3/4 md:w-2/3 lg:w-1/2 xl:w-1/3 flex flex-col gap-2">
-          <div className="bg-gray-50 p-4 rounded-lg shadow-sm border border-gray-200 w-full">
-            <VersionInfo />
-          </div>
+          <VersionInfo />
 
           {/* Jetzt holt sich Baugruppentraeger die Werte selbst aus Redux */}
           <Baugruppentraeger />
         </div>
       </div>
+      {/* NetworkInfo in einem div ,nimmt den gesamte Breite */}
 
       <NetworkInfo />
     </div>