From bedd4dafc4bf890040da15d0489eab4698ef45f4 Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Wed, 15 Nov 2023 20:06:33 -0800
Subject: [PATCH] Fix: increase sidebar xxxl breakpoint to 2400px

---
 src-ui/src/app/components/app-frame/app-frame.component.scss | 2 +-
 src-ui/src/styles.scss                                       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src-ui/src/app/components/app-frame/app-frame.component.scss b/src-ui/src/app/components/app-frame/app-frame.component.scss
index 500dd9ce1..e2a88ab1c 100644
--- a/src-ui/src/app/components/app-frame/app-frame.component.scss
+++ b/src-ui/src/app/components/app-frame/app-frame.component.scss
@@ -27,7 +27,7 @@
     max-width: 16.66666667%;
   }
 
-  @media (min-width: 2000px) {
+  @media (min-width: 2400px) {
     max-width: 8.33333333%;
   }
 
diff --git a/src-ui/src/styles.scss b/src-ui/src/styles.scss
index 504dd3028..cb235121b 100644
--- a/src-ui/src/styles.scss
+++ b/src-ui/src/styles.scss
@@ -8,7 +8,7 @@ $grid-breakpoints: (
   lg: 992px,
   xl: 1200px,
   xxl: 1400px,
-  xxxl: 2000px
+  xxxl: 2400px
 );
 
 @import "node_modules/bootstrap/scss/bootstrap";