diff --git a/web/components/profile/profile-info.tsx b/web/components/profile/profile-info.tsx
index a2506551..2b2f989e 100644
--- a/web/components/profile/profile-info.tsx
+++ b/web/components/profile/profile-info.tsx
@@ -334,7 +334,7 @@ function ProfileContent(props: {
   return (
     <>
       <div
-        className="mt-4 grid grid-cols-1 items-start gap-6 md:grid-cols-[1fr_500px] xl:grid-cols-[1fr_800px]"
+        className="mt-4 grid grid-cols-1 items-start gap-6 md:grid-cols-[1fr_500px] xl:grid-cols-[1fr_800px] 3xl:grid-cols-[1fr_900px]"
         data-testid="profile-content"
       >
         <Col className="gap-6">
diff --git a/web/tailwind.config.js b/web/tailwind.config.js
index fece0f13..ac4dfa24 100644
--- a/web/tailwind.config.js
+++ b/web/tailwind.config.js
@@ -19,6 +19,7 @@ module.exports = {
       lg: '1024px',
       xl: '1280px',
       '2xl': '1536px',
+      '3xl': '1800px',
     },
 
     fontFamily: Object.assign(