Fixed scrolling on expanded view.

src/app/(main)/websites/[websiteId]/WebsiteDetailsPage.tsx

@@ -34,7 +34,7 @@ export function WebsiteDetailsPage({ websiteId }: { websiteId: string }) {
       </Panel>
       <WebsiteTableView websiteId={websiteId} />
       <Modal isOpen={!!view} onOpenChange={handleOpenChange} isDismissable>
-        <Dialog style={{ width: '90vw', height: '90vh' }}>
+        <Dialog style={{ maxWidth: 1320, width: '100vw', height: 'calc(100vh - 40px)' }}>
           {({ close }) => {
             return <WebsiteExpandedView websiteId={websiteId} onClose={() => handleClose(close)} />;
           }}

src/app/(main)/websites/[websiteId]/WebsiteExpandedView.tsx

@@ -133,7 +133,7 @@ export function WebsiteExpandedView({
   const DetailsComponent = views[view] || (() => null);
 
   return (
-    <Grid columns="auto 1fr" gap="6" height="100%">
+    <Grid columns="auto 1fr" gap="6" height="100%" overflow="hidden">
       <Column gap="6" width="200px" border="right" paddingRight="3">
         <NavMenu position="sticky" top="0">
           {items.map(({ id, label, path }) => {
@@ -145,7 +145,7 @@ export function WebsiteExpandedView({
           })}
         </NavMenu>
       </Column>
-      <Column>
+      <Column overflow="hidden">
         <DetailsComponent
           websiteId={websiteId}
           animate={false}