diff --git a/web-new/src/pages/Dashboard.tsx b/web-new/src/pages/Dashboard.tsx
index 70f9fa89a..cc1f19970 100644
--- a/web-new/src/pages/Dashboard.tsx
+++ b/web-new/src/pages/Dashboard.tsx
@@ -39,7 +39,7 @@ export function Dashboard() {
 
       {config && (
         <div>
-          <div className="grid gap-2 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
+          <div className="grid gap-2 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4">
             {sortedCameras.map((camera) => {
               return <Camera key={camera.name} camera={camera} />;
             })}
diff --git a/web-new/src/pages/Live.tsx b/web-new/src/pages/Live.tsx
index 41913cdee..264bb2b93 100644
--- a/web-new/src/pages/Live.tsx
+++ b/web-new/src/pages/Live.tsx
@@ -74,13 +74,13 @@ function Live() {
               <DropdownMenuLabel>Select A Camera</DropdownMenuLabel>
               <DropdownMenuSeparator />
               <DropdownMenuRadioGroup value={camera} onValueChange={setCamera}>
-                {Object.keys(sortedCameras).map((item) => (
+                {(sortedCameras).map((item) => (
                   <DropdownMenuRadioItem
                     className="capitalize"
-                    key={item}
-                    value={item}
+                    key={item.name}
+                    value={item.name}
                   >
-                    {item.replaceAll("_", " ")}
+                    {item.name.replaceAll("_", " ")}
                   </DropdownMenuRadioItem>
                 ))}
               </DropdownMenuRadioGroup>