diff --git a/web/src/components/card/AnimatedEventCard.tsx b/web/src/components/card/AnimatedEventCard.tsx
index 0ce535518..126dd4511 100644
--- a/web/src/components/card/AnimatedEventCard.tsx
+++ b/web/src/components/card/AnimatedEventCard.tsx
@@ -62,7 +62,7 @@ export function AnimatedEventCard({ event }: AnimatedEventCardProps) {
     <Tooltip>
       <TooltipTrigger asChild>
         <div
-          className="h-24 relative"
+          className="h-24 4k:h-32 relative"
           style={{
             aspectRatio: aspectRatio,
           }}
diff --git a/web/src/pages/SubmitPlus.tsx b/web/src/pages/SubmitPlus.tsx
index 8cfd74c90..f51ad514d 100644
--- a/web/src/pages/SubmitPlus.tsx
+++ b/web/src/pages/SubmitPlus.tsx
@@ -141,7 +141,7 @@ export default function SubmitPlus() {
             open={upload != undefined}
             onOpenChange={(open) => (!open ? setUpload(undefined) : null)}
           >
-            <DialogContent className="md:max-w-4xl">
+            <DialogContent className="md:max-w-2xl lg:max-w-3xl xl:max-w-4xl">
               <DialogHeader>
                 <DialogTitle>Submit To Frigate+</DialogTitle>
                 <DialogDescription>
diff --git a/web/tailwind.config.js b/web/tailwind.config.js
index 93faa87ca..924a7327e 100644
--- a/web/tailwind.config.js
+++ b/web/tailwind.config.js
@@ -139,7 +139,8 @@ module.exports = {
         xs: "480px",
         "2xl": "1440px",
         "3xl": "1920px",
-        "4xl": "2560px",
+        "2k": "2560px",
+        "4k": "3180px",
       },
     },
   },