From 6bc933f149e7a0653c4b1fd1b93206516e0d0448 Mon Sep 17 00:00:00 2001
From: Djordje Vlaisavljevic <dzvlais@gmail.com>
Date: Tue, 22 Oct 2024 10:52:36 +0100
Subject: [PATCH] Fixed breakpoint for large screens

ref https://linear.app/tryghost/issue/AP-464/feed-view-refinements
---
 apps/admin-x-activitypub/src/components/Inbox.tsx | 2 +-
 apps/admin-x-design-system/tailwind.config.cjs    | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/admin-x-activitypub/src/components/Inbox.tsx b/apps/admin-x-activitypub/src/components/Inbox.tsx
index 16e8ffe7de..4045c2241a 100644
--- a/apps/admin-x-activitypub/src/components/Inbox.tsx
+++ b/apps/admin-x-activitypub/src/components/Inbox.tsx
@@ -153,7 +153,7 @@ const Inbox: React.FC<InboxProps> = ({}) => {
                                         )}
                                     </ul>
                                 </div>
-                                <div className={`sticky top-[135px] ml-auto w-full max-w-[300px] max-lg:hidden ${layout === 'inbox' ? '' : ' xxl:fixed xxl:right-[40px]'}`}>
+                                <div className={`sticky top-[135px] ml-auto w-full max-w-[300px] max-lg:hidden ${layout === 'inbox' ? '' : ' xxxl:fixed xxxl:right-[40px]'}`}>
                                     <h2 className='mb-2 text-lg font-semibold'>You might also like...</h2>
                                     {isLoadingSuggested ? (
                                         <LoadingIndicator size="sm" />
diff --git a/apps/admin-x-design-system/tailwind.config.cjs b/apps/admin-x-design-system/tailwind.config.cjs
index 19047121eb..dad518c758 100644
--- a/apps/admin-x-design-system/tailwind.config.cjs
+++ b/apps/admin-x-design-system/tailwind.config.cjs
@@ -14,6 +14,7 @@ module.exports = {
             lg: '1024px',
             xl: '1320px',
             xxl: '1440px',
+            xxxl: '1600px',
             tablet: '860px'
         },
         colors: {