diff --git a/app/@modal/(.)images/[id]/modal.tsx b/app/@modal/(.)images/[id]/modal.tsx
index 9fbb317..916bcd9 100644
--- a/app/@modal/(.)images/[id]/modal.tsx
+++ b/app/@modal/(.)images/[id]/modal.tsx
@@ -21,7 +21,7 @@ export function Modal({ children }: { children: React.ReactNode }) {
   return createPortal(
     <dialog
       ref={dialogRef}
-      className="m-0 h-full w-svw bg-slate-950/90 text-white"
+      className="m-0 h-svh w-svw bg-slate-950/90 text-white"
       onClose={onDismiss}
     >
       {children}
diff --git a/components/fullImagePage.tsx b/components/fullImagePage.tsx
index 0527cdb..0cb4582 100644
--- a/components/fullImagePage.tsx
+++ b/components/fullImagePage.tsx
@@ -11,8 +11,8 @@ export default async function FullPageImageView(props: { imageId: number }) {
   const image = await getUserImage(idAsNumber)
   const uploaderInfo = await clerkClient.users.getUser(image.userId)
   return (
-    <div className="flex h-svh w-svw min-w-0">
-      <div className="relative h-svh w-svw">
+    <div className="flex h-full w-full min-w-0">
+      <div className="relative h-full w-full">
         <Image
           src={image.url}
           alt={image.name}
diff --git a/package.json b/package.json
index d7d9d5a..defccad 100644
--- a/package.json
+++ b/package.json
@@ -64,5 +64,5 @@
   "ct3aMetadata": {
     "initVersion": "7.30.2"
   },
-  "packageManager": "pnpm@9.0.4"
+  "packageManager": "pnpm@9.1.1"
 }