diff --git a/apps/webservice/src/app/[workspaceSlug]/(appv2)/resources/(raw)/[resourceId]/deployments/ResourceDeploymentTable.tsx b/apps/webservice/src/app/[workspaceSlug]/(appv2)/resources/(raw)/[resourceId]/deployments/ResourceDeploymentTable.tsx
index a8f120d02..bbf36ab53 100644
--- a/apps/webservice/src/app/[workspaceSlug]/(appv2)/resources/(raw)/[resourceId]/deployments/ResourceDeploymentTable.tsx
+++ b/apps/webservice/src/app/[workspaceSlug]/(appv2)/resources/(raw)/[resourceId]/deployments/ResourceDeploymentTable.tsx
@@ -6,7 +6,6 @@ import { useMemo } from "react";
 import { useSearchParams } from "next/navigation";
 import { subDays } from "date-fns";
 
-import { Card } from "@ctrlplane/ui/card";
 import {
   Table,
   TableBody,
@@ -47,64 +46,62 @@ export const ResourceDeploymentsTable: React.FC<
   });
 
   return (
-    <Card className="rounded-md">
-      <Table>
-        <TableHeader>
-          <TableRow className="h-16 hover:bg-transparent">
-            <TableHead className="p-4">
-              <TableSortHeader orderByKey={StatsColumn.Name}>
-                Deployment
-              </TableSortHeader>
-            </TableHead>
-
-            <TableHead className="w-20 p-4 xl:w-40">Version</TableHead>
-
-            <TableHead className="p-4">History</TableHead>
-
-            <TableHead className="p-4">
-              <TableSortHeader orderByKey={StatsColumn.P50}>
-                P50 Duration
-              </TableSortHeader>
-            </TableHead>
-
-            <TableHead className="p-4">
-              <TableSortHeader orderByKey={StatsColumn.P90}>
-                P90 Duration
-              </TableSortHeader>
-            </TableHead>
-
-            <TableHead className="p-4">
-              <TableSortHeader orderByKey={StatsColumn.SuccessRate}>
-                Success Rate
-              </TableSortHeader>
-            </TableHead>
-
-            <TableHead className="hidden p-4 xl:table-cell xl:w-[120px]">
-              <TableSortHeader orderByKey={StatsColumn.LastRunAt}>
-                Last Run
-              </TableSortHeader>
-            </TableHead>
-          </TableRow>
-        </TableHeader>
-
-        <TableBody>
-          {!isLoading &&
-            data?.map((stat) => (
-              <ResourceDeploymentRow
-                key={stat.id}
-                stats={stat}
-                workspaceId={workspaceId}
-              />
-            ))}
-          {isLoading &&
-            Array.from({ length: 3 }).map((_, index) => (
-              <ResourceDeploymentRowSkeleton
-                key={index}
-                opacity={1 * (1 - index / 3)}
-              />
-            ))}
-        </TableBody>
-      </Table>
-    </Card>
+    <Table>
+      <TableHeader>
+        <TableRow className="h-16 hover:bg-transparent">
+          <TableHead className="p-4">
+            <TableSortHeader orderByKey={StatsColumn.Name}>
+              Deployment
+            </TableSortHeader>
+          </TableHead>
+
+          <TableHead className="w-20 p-4 xl:w-40">Version</TableHead>
+
+          <TableHead className="p-4">History</TableHead>
+
+          <TableHead className="p-4">
+            <TableSortHeader orderByKey={StatsColumn.P50}>
+              P50 Duration
+            </TableSortHeader>
+          </TableHead>
+
+          <TableHead className="p-4">
+            <TableSortHeader orderByKey={StatsColumn.P90}>
+              P90 Duration
+            </TableSortHeader>
+          </TableHead>
+
+          <TableHead className="p-4">
+            <TableSortHeader orderByKey={StatsColumn.SuccessRate}>
+              Success Rate
+            </TableSortHeader>
+          </TableHead>
+
+          <TableHead className="hidden p-4 xl:table-cell xl:w-[120px]">
+            <TableSortHeader orderByKey={StatsColumn.LastRunAt}>
+              Last Run
+            </TableSortHeader>
+          </TableHead>
+        </TableRow>
+      </TableHeader>
+
+      <TableBody>
+        {!isLoading &&
+          data?.map((stat) => (
+            <ResourceDeploymentRow
+              key={stat.id}
+              stats={stat}
+              workspaceId={workspaceId}
+            />
+          ))}
+        {isLoading &&
+          Array.from({ length: 3 }).map((_, index) => (
+            <ResourceDeploymentRowSkeleton
+              key={index}
+              opacity={1 * (1 - index / 3)}
+            />
+          ))}
+      </TableBody>
+    </Table>
   );
 };
diff --git a/apps/webservice/src/app/[workspaceSlug]/(appv2)/resources/(raw)/[resourceId]/deployments/page.tsx b/apps/webservice/src/app/[workspaceSlug]/(appv2)/resources/(raw)/[resourceId]/deployments/page.tsx
index c32b7eea4..ef4fd2e41 100644
--- a/apps/webservice/src/app/[workspaceSlug]/(appv2)/resources/(raw)/[resourceId]/deployments/page.tsx
+++ b/apps/webservice/src/app/[workspaceSlug]/(appv2)/resources/(raw)/[resourceId]/deployments/page.tsx
@@ -10,9 +10,5 @@ export default async function DeploymentsPage(props: { params: Params }) {
   const resource = await api.resource.byId(resourceId);
   if (resource == null) notFound();
 
-  return (
-    <div className="container m-8 mx-auto">
-      <ResourceDeploymentsTable resource={resource} />
-    </div>
-  );
+  return <ResourceDeploymentsTable resource={resource} />;
 }
diff --git a/apps/webservice/src/app/[workspaceSlug]/(appv2)/resources/(raw)/[resourceId]/layout.tsx b/apps/webservice/src/app/[workspaceSlug]/(appv2)/resources/(raw)/[resourceId]/layout.tsx
index cc0fa3d9b..7cb2d59a8 100644
--- a/apps/webservice/src/app/[workspaceSlug]/(appv2)/resources/(raw)/[resourceId]/layout.tsx
+++ b/apps/webservice/src/app/[workspaceSlug]/(appv2)/resources/(raw)/[resourceId]/layout.tsx
@@ -34,7 +34,7 @@ export default async function Layout(props: {
   const resource = await api.resource.byId(params.resourceId);
   if (resource == null) notFound();
   return (
-    <div className="h-full">
+    <div className="flex h-full flex-col">
       <PageHeader className="justify-between">
         <div className="flex shrink-0 items-center gap-4">
           <Link href={`/${params.workspaceSlug}/resources`}>