Table hover only if row is clickable

packages/stack-server/src/app/(main)/(protected)/projects/[projectId]/api-keys/page-client.tsx

@@ -107,7 +107,7 @@ function ShowKeyDialog(props: {
     title="API Key"
     okButton={{ label: "Close" }}
     onClose={props.onClose}
-    confirmText="I understand that I will not be able to view this key again"
+    confirmText="I understand that I will not be able to view this key again."
   >
     <div className="flex flex-col gap-4">
       <Typography>
@@ -120,4 +120,4 @@ function ShowKeyDialog(props: {
       />
     </div>
   </ActionDialog>;
-}
+}

packages/stack-server/src/app/(main)/(protected)/projects/[projectId]/auth-methods/providers.tsx

@@ -144,7 +144,7 @@ export function TurnOffProviderDialog(props: {
         },
       }}
       cancelButton
-      confirmText="I understand that this will disable sign-in and sign-up for new and existing users with this provider"
+      confirmText="I understand that this will disable sign-in and sign-up for new and existing users with this provider."
     >
       <Typography>
         Disabling this provider will prevent users from signing in with it, including existing users who have used it before. They might not be able to log in anymore. Are you sure you want to do this?

packages/stack-server/src/components/data-table/team-permission-table.tsx

@@ -122,7 +122,7 @@ const columns: ColumnDef<PermissionDefinitionJson>[] =  [
   },
   {
     accessorKey: "containPermissionIds",
-    header: ({ column }) => <DataTableColumnHeader column={column} title="Contains Permissions" />,
+    header: ({ column }) => <DataTableColumnHeader column={column} title="Contained Permissions" />,
     cell: ({ row }) => <BadgeCell size={120} badges={row.getValue("containPermissionIds")} />,
   },
   {

packages/stack-server/src/components/ui/dialog.tsx

@@ -57,7 +57,7 @@ const DialogBody = ({
   className,
   ...props
 }: React.HTMLAttributes<HTMLDivElement>) => (
-  <div className={cn("overflow-y-auto flex flex-col w-full gap-4", className)} {...props} />
+  <div className={cn("overflow-y-auto flex flex-col gap-4 w-[calc(100%+3rem)] -mx-6 px-6", className)} {...props} />
 );
 
 const DialogHeader = ({

packages/stack-server/src/components/ui/table.tsx

@@ -58,7 +58,8 @@ const TableRow = React.forwardRef<
   <tr
     ref={ref}
     className={cn(
-      "border-b hover:bg-muted/50 data-[state=selected]:bg-muted",
+      "border-b data-[state=selected]:bg-muted",
+      props.onClick ? "hover:bg-muted/50 cursor-pointer" : "",
       className
     )}
     {...props}