diff --git a/web/src/components/UploadLicenseFile.tsx b/web/src/components/UploadLicenseFile.tsx
index 8992f063b2..e08cf5b829 100644
--- a/web/src/components/UploadLicenseFile.tsx
+++ b/web/src/components/UploadLicenseFile.tsx
@@ -261,13 +261,13 @@ const UploadLicenseFile = (props: Props) => {
               return;
             }
 
-            if (data.isConfigurable) {
-              navigate(`/${data.slug}/config`, { replace: true });
+            if (props.isHelmVM) {
+              navigate(`/${data.slug}/cluster/manage`, { replace: true });
               return;
             }
 
-            if (props.isHelmVM) {
-              navigate(`/${data.slug}/cluster/manage`, { replace: true });
+            if (data.isConfigurable) {
+              navigate(`/${data.slug}/config`, { replace: true });
               return;
             }
 
diff --git a/web/src/components/apps/HelmVMClusterManagement.tsx b/web/src/components/apps/HelmVMClusterManagement.tsx
index aa38833731..a545de0e75 100644
--- a/web/src/components/apps/HelmVMClusterManagement.tsx
+++ b/web/src/components/apps/HelmVMClusterManagement.tsx
@@ -65,15 +65,15 @@ const HelmVMClusterManagement = ({
       kubeletVersion: string;
       cpu: {
         capacity: number;
-        available: number;
+        used: number;
       };
       memory: {
         capacity: number;
-        available: number;
+        used: number;
       };
       pods: {
         capacity: number;
-        available: number;
+        used: number;
       };
       labels: string[];
       conditions: {
@@ -233,25 +233,20 @@ const HelmVMClusterManagement = ({
         header: "Pods",
         size: 150,
       },
-      {
-        accessorKey: "pause",
-        header: "Pause",
-        size: 100,
-      },
-      {
-        accessorKey: "delete",
-        header: "Delete",
-        size: 100,
-      },
+      // {
+      //   accessorKey: "pause",
+      //   header: "Pause",
+      //   size: 100,
+      // },
+      // {
+      //   accessorKey: "delete",
+      //   header: "Delete",
+      //   size: 80,
+      // },
     ],
     []
   );
 
-  const calculateUtilization = (capacity: number, available: number) => {
-    const used = capacity - available;
-    return Math.round((used / capacity) * 100);
-  };
-
   const mappedNodes = useMemo(() => {
     return (
       nodesData?.nodes?.map((n) => ({
@@ -278,12 +273,11 @@ const HelmVMClusterManagement = ({
           </div>
         ),
         status: n.isReady ? "Ready" : "Not Ready",
-        cpu: `${calculateUtilization(n.cpu.capacity, n.cpu.available)}%`,
-        memory: `${calculateUtilization(
-          n.memory.capacity,
-          n.memory.available
-        )}%`,
-        pods: `${n.pods.capacity - n.pods.available} / ${n.pods.capacity}`,
+        cpu: `${n.cpu.used.toFixed(2)} / ${n.cpu.capacity.toFixed(2)}`,
+        memory: `${n.memory.used.toFixed(2)}GB / ${n.memory.capacity.toFixed(
+          2
+        )}GB`,
+        pods: `${n.pods.used} / ${n.pods.capacity}`,
         pause: (
           <>
             <button className="btn secondary">Pause</button>
@@ -300,93 +294,89 @@ const HelmVMClusterManagement = ({
   // #endregion
 
   return (
-    <div className="HelmVMClusterManagement--wrapper container flex-column flex1 u-overflow--auto u-paddingTop--50 tw-font-sans">
+    <div className="HelmVMClusterManagement--wrapper container u-overflow--auto u-paddingTop--50 tw-font-sans">
       <KotsPageTitle pageName="Cluster Management" />
-      <div className="flex-column flex1 alignItems--center u-paddingBottom--50">
-        <div className="centered-container tw-mb-10 tw-pb-6 tw-flex tw-flex-col tw-gap-4">
-          <p className="flex-auto u-fontSize--larger u-fontWeight--bold u-textColor--primary">
-            Cluster Nodes
+      <div className="flex1 tw-mb-10 tw-flex tw-flex-col tw-gap-4 card-bg">
+        <p className="flex-auto u-fontSize--larger u-fontWeight--bold u-textColor--primary">
+          Cluster Nodes
+        </p>
+        <div className="tw-flex tw-gap-6 tw-items-center">
+          <p className="tw-text-base tw-flex-1 tw-text-gray-600">
+            This page lists the nodes that are configured and shows the
+            status/health of each.
           </p>
-          <div className="tw-flex tw-gap-6 tw-items-center">
-            <p className="tw-text-base tw-flex-1 tw-text-gray-600">
-              This page lists the nodes that are configured and shows the
-              status/health of each.
+          {Utilities.sessionRolesHasOneOf([rbacRoles.CLUSTER_ADMIN]) && (
+            <button
+              className="btn primary tw-ml-auto tw-w-fit tw-h-fit"
+              onClick={onAddNodeClick}
+            >
+              Add node
+            </button>
+          )}
+        </div>
+        <div className="flex1 u-overflow--auto card-item">
+          {nodesLoading && (
+            <p className="tw-text-base tw-w-full tw-text-center tw-py-4 tw-text-gray-500 tw-font-semibold">
+              Loading nodes...
             </p>
-            {Utilities.sessionRolesHasOneOf([rbacRoles.CLUSTER_ADMIN]) && (
-              <button
-                className="btn primary tw-ml-auto tw-w-fit tw-h-fit"
-                onClick={onAddNodeClick}
-              >
-                Add node
-              </button>
-            )}
-          </div>
-          <div className="flex1 u-overflow--auto">
-            {nodesLoading && (
-              <p className="tw-text-base tw-w-full tw-text-center tw-py-4 tw-text-gray-500 tw-font-semibold">
-                Loading nodes...
-              </p>
-            )}
-            {!nodesData && nodesError && (
-              <p className="tw-text-base tw-w-full tw-text-center tw-py-4 tw-text-pink-500 tw-font-semibold">
-                {nodesError?.message}
-              </p>
-            )}
-            {nodesData?.nodes && (
-              <MaterialReactTable
-                columns={columns}
-                data={mappedNodes}
-                state={{
-                  columnPinning: { left: ["name"] },
-                }}
-                enableColumnResizing
-                enableColumnActions={false}
-                enableColumnOrdering
-                enableBottomToolbar={false}
-                muiTableHeadProps={{
-                  sx: {
-                    "& hr": {
-                      width: "0",
-                    },
-                  },
-                }}
-                muiTableBodyProps={{
-                  sx: {
-                    "& tr:nth-of-type(odd)": {
-                      backgroundColor: "#f5f5f5",
-                    },
-                  },
-                }}
-                muiTableBodyCellProps={{
-                  sx: {
-                    borderRight: "2px solid #e0e0e0",
+          )}
+          {!nodesData && nodesError && (
+            <p className="tw-text-base tw-w-full tw-text-center tw-py-4 tw-text-pink-500 tw-font-semibold">
+              {nodesError?.message}
+            </p>
+          )}
+          {nodesData?.nodes && (
+            <MaterialReactTable
+              columns={columns}
+              data={mappedNodes}
+              state={{
+                columnPinning: { left: ["name"] },
+              }}
+              enableColumnResizing
+              enableColumnActions={false}
+              enableColumnOrdering
+              enableBottomToolbar={false}
+              muiTableHeadProps={{
+                sx: {
+                  "& hr": {
+                    width: "0",
                   },
-                }}
-                muiTablePaperProps={{
-                  sx: {
-                    width: "100%",
-                    boxShadow: "none",
+                },
+              }}
+              muiTableBodyProps={{
+                sx: {
+                  "& tr:nth-of-type(odd)": {
+                    backgroundColor: "#f5f5f5",
                   },
-                }}
-                initialState={{ density: "compact" }}
-                enablePagination={false}
-                enableColumnFilters={false}
-              />
-            )}
-          </div>
-          {fromLicenseFlow && (
-            <Link
-              className="btn primary tw-w-fit tw-ml-auto"
-              to={
-                app?.isConfigurable
-                  ? `/${app?.slug}/config`
-                  : `/app/${app?.slug}`
-              }
-            >
-              Continue
-            </Link>
+                },
+              }}
+              muiTableBodyCellProps={{
+                sx: {
+                  borderRight: "2px solid #e0e0e0",
+                },
+              }}
+              muiTablePaperProps={{
+                sx: {
+                  width: "100%",
+                  boxShadow: "none",
+                },
+              }}
+              initialState={{ density: "compact" }}
+              enablePagination={false}
+              enableColumnFilters={false}
+            />
           )}
         </div>
+        {fromLicenseFlow && (
+          <Link
+            className="btn primary tw-w-fit tw-ml-auto"
+            to={
+              app?.isConfigurable ? `/${app?.slug}/config` : `/app/${app?.slug}`
+            }
+          >
+            Continue
+          </Link>
+        )}
       </div>
       {/* MODALS */}
       <Modal
diff --git a/web/src/components/apps/HelmVMViewNode.jsx b/web/src/components/apps/HelmVMViewNode.jsx
index 2cf9d23359..3af18d68ee 100644
--- a/web/src/components/apps/HelmVMViewNode.jsx
+++ b/web/src/components/apps/HelmVMViewNode.jsx
@@ -2,10 +2,11 @@ import { MaterialReactTable } from "material-react-table";
 import React, { useMemo } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { Link, useParams } from "react-router-dom";
+import Loader from "@components/shared/Loader";
 
 const HelmVMViewNode = () => {
   const { nodeName } = useParams();
-  const { data: nodeData } = useQuery({
+  const { data: nodeData, isLoading: nodeLoading } = useQuery({
     queryKey: ["helmVmNode", nodeName],
     queryFn: async ({ queryKey }) => {
       const [, nodeName] = queryKey;
@@ -57,11 +58,6 @@ const HelmVMViewNode = () => {
         header: "Status",
         size: 150,
       },
-      {
-        accessorKey: "disk",
-        header: "Disk",
-        size: 150,
-      },
       {
         accessorKey: "cpu",
         header: "CPU",
@@ -72,23 +68,22 @@ const HelmVMViewNode = () => {
         header: "Memory",
         size: 150,
       },
-      {
-        accessorKey: "canDelete",
-        header: "Delete Pod",
-        size: 150,
-      },
+      // {
+      //   accessorKey: "delete",
+      //   header: "Delete",
+      //   size: 80,
+      // },
     ],
     []
   );
 
   const mappedPods = useMemo(() => {
     return node?.podList?.map((p) => ({
-      name: p.metadata.name,
-      status: p.status.phase,
-      disk: null,
-      cpu: null,
-      memory: null,
-      canDelete: (
+      name: p.name,
+      status: p.status,
+      cpu: p.cpu,
+      memory: `${p.memory}GB`,
+      delete: (
         <>
           <button className="btn red primary">Delete</button>
         </>
@@ -98,7 +93,7 @@ const HelmVMViewNode = () => {
   // #endregion
 
   return (
-    <div className="container u-paddingTop--50 tw-mb-10 tw-pb-6 tw-flex tw-flex-col tw-gap-6 tw-font-sans">
+    <div className="container u-paddingTop--50 tw-min-h-full tw-box-border tw-mb-10 tw-pb-6 tw-flex tw-flex-col tw-gap-6 tw-font-sans">
       {/* Breadcrumbs */}
       <p className="tw-text-sm tw-text-gray-400">
         <Link
@@ -107,88 +102,108 @@ const HelmVMViewNode = () => {
         >
           Cluster Nodes
         </Link>{" "}
-        / {node?.name}
+        / {nodeName}
       </p>
-      {/* Node Info */}
-      <div
-        className="tw-flex tw-flex-col tw-gap-2 tw-bg-white tw-border tw-border-solid tw-border-gray-100 tw-rounded 
-      tw-shadow-md tw-p-3"
-      >
-        <p className="tw-font-semibold tw-text-2xl tw-text-gray-800">
-          Node Info
-        </p>
-        <div className="tw-flex tw-gap-2">
-          <p className="tw-text-base tw-text-gray-800 tw-font-semibold">Name</p>
-          <p className="tw-text-base tw-text-gray-400">{node?.name}</p>
+
+      {nodeLoading && (
+        <div className="tw-w-full tw-h-full tw-flex tw-justify-center tw-items-center">
+          <Loader size="70" />
         </div>
-      </div>
-      {/* Pods table */}
-      <div
-        className="tw-bg-white tw-border tw-border-solid tw-border-gray-100 tw-rounded 
-      tw-shadow-md tw-p-3"
-      >
-        <p className="tw-font-semibold tw-text-2xl tw-text-gray-800">Pods</p>
-        <MaterialReactTable
-          columns={columns}
-          data={mappedPods}
-          state={{
-            columnPinning: { left: ["name"] },
-          }}
-          enableColumnResizing
-          enableColumnActions={false}
-          enableColumnOrdering
-          enableBottomToolbar={false}
-          muiTableHeadProps={{
-            sx: {
-              "& hr": {
-                width: "0",
-              },
-            },
-          }}
-          muiTableBodyProps={{
-            sx: {
-              "& tr:nth-of-type(odd)": {
-                backgroundColor: "#f5f5f5",
-              },
-            },
-          }}
-          muiTableBodyCellProps={{
-            sx: {
-              borderRight: "2px solid #e0e0e0",
-            },
-          }}
-          muiTablePaperProps={{
-            sx: {
-              width: "100%",
-              boxShadow: "none",
-            },
-          }}
-          initialState={{ density: "compact" }}
-          enablePagination={false}
-          enableColumnFilters={false}
-        />
-      </div>
-      {/* Troubleshooting */}
-      <div
-        className="tw-bg-white tw-border tw-border-solid tw-border-gray-100 tw-rounded 
-      tw-shadow-md tw-p-3"
-      >
-        <p className="tw-font-semibold tw-text-2xl tw-text-gray-800">
-          Troubleshooting
-        </p>
-      </div>
-      {/* Danger Zone */}
-      <div
-        className="tw-bg-white tw-border tw-border-solid tw-border-gray-100 tw-rounded 
-      tw-shadow-md tw-p-3 tw-flex tw-flex-col tw-gap-3"
-      >
-        <p className="tw-font-semibold tw-text-2xl tw-text-gray-800">
-          Danger Zone
-        </p>
-        <button className="btn red primary tw-w-fit">
-          Prepare node for delete
-        </button>
-      </div>
+      )}
+      {!nodeLoading && node && (
+        <>
+          {/* Node Info */}
+          <div className="tw-flex tw-flex-col tw-gap-2 tw-p-3 card-bg">
+            <p className="tw-font-semibold tw-text-xl tw-text-gray-800">
+              {node?.name}
+            </p>
+            <div className="tw-flex tw-flex-col tw-text-sm tw-gap-2 card-item">
+              <div className="tw-flex tw-gap-2">
+                <p className="tw-text-gray-800 tw-font-semibold">
+                  kubelet version
+                </p>
+                <p className="tw-text-gray-400">{node?.kubeletVersion}</p>
+              </div>
+              <div className="tw-flex tw-gap-2">
+                <p className="tw-text-gray-800 tw-font-semibold">
+                  kube-proxy version
+                </p>
+                <p className="tw-text-gray-400">{node?.kubeletVersion}</p>
+              </div>
+              <div className="tw-flex tw-gap-2">
+                <p className="tw-text-gray-800 tw-font-semibold">OS</p>
+                <p className="tw-text-gray-400">{node?.kubeletVersion}</p>
+              </div>
+              <div className="tw-flex tw-gap-2">
+                <p className="tw-text-gray-800 tw-font-semibold">
+                  kurl version
+                </p>
+                <p className="tw-text-gray-400">{node?.kubeletVersion}</p>
+              </div>
+            </div>
+          </div>
+          {/* Pods table */}
+          <div className="card-bg tw-p-3 tw-flex tw-flex-col tw-gap-2">
+            <p className="tw-font-semibold tw-text-xl tw-text-gray-800">Pods</p>
+            <div className="card-item">
+              <MaterialReactTable
+                columns={columns}
+                data={mappedPods}
+                state={{
+                  columnPinning: { left: ["name"] },
+                }}
+                enableColumnResizing
+                enableColumnActions={false}
+                enableColumnOrdering
+                enableBottomToolbar={false}
+                muiTableHeadProps={{
+                  sx: {
+                    "& hr": {
+                      width: "0",
+                    },
+                  },
+                }}
+                muiTableBodyProps={{
+                  sx: {
+                    "& tr:nth-of-type(odd)": {
+                      backgroundColor: "#f5f5f5",
+                    },
+                  },
+                }}
+                muiTableBodyCellProps={{
+                  sx: {
+                    borderRight: "2px solid #e0e0e0",
+                  },
+                }}
+                muiTablePaperProps={{
+                  sx: {
+                    width: "100%",
+                    boxShadow: "none",
+                  },
+                }}
+                initialState={{ density: "compact" }}
+                enablePagination={false}
+                enableColumnFilters={false}
+              />
+            </div>
+          </div>
+          {/* Troubleshooting */}
+          {/* <div className="card-bg tw-p-3">
+            <p className="tw-font-semibold tw-text-xl tw-text-gray-800">
+              Troubleshooting
+            </p>
+          </div> */}
+          {/* Danger Zone */}
+          {/* <div className="card-bg tw-p-3 tw-flex tw-flex-col tw-gap-3">
+            <p className="tw-font-semibold tw-text-xl tw-text-gray-800">
+              Danger Zone
+            </p>
+            <button className="btn red primary tw-w-fit">
+              Prepare node for delete
+            </button>
+          </div> */}
+        </>
+      )}
     </div>
   );
 };
diff --git a/web/src/scss/components/apps/HelmVMClusterManagement.scss b/web/src/scss/components/apps/HelmVMClusterManagement.scss
index cd8bc74a01..2fd75adb03 100644
--- a/web/src/scss/components/apps/HelmVMClusterManagement.scss
+++ b/web/src/scss/components/apps/HelmVMClusterManagement.scss
@@ -5,31 +5,6 @@
     height: 85px;
     width: 200px;
   }
-
-  .timestamp {
-    position: relative;
-    margin-top: -10px;
-    z-index: -1;
-  }
-
-  .node-label {
-    font-size: 12px;
-    font-weight: 500;
-    line-height: 12px;
-    color: #577981;
-    padding: 4px 6px;
-    border-radius: 20px;
-    background-color: #ffffff;
-    white-space: nowrap;
-    border: 1px solid #577981;
-    margin-right: 8px;
-    display: inline-block;
-    margin-top: 8px;
-
-    &:last-child {
-      margin-right: 0;
-    }
-  }
 }
 
 .HelmVMNodeRow--wrapper {