diff --git a/frontend/src/scss/bootstrap.scss b/frontend/src/scss/bootstrap.scss
index 4552e3f..2afef70 100644
--- a/frontend/src/scss/bootstrap.scss
+++ b/frontend/src/scss/bootstrap.scss
@@ -1,2 +1,12 @@
 // Include bootstrap-grid.scss from node_modules
-@use '../node_modules/bootstrap/scss/bootstrap-grid.scss';
+@use '../node_modules/bootstrap/scss/bootstrap-grid.scss' with (
+  $grid-breakpoints: (
+    xs: 0,
+    sm: 576px,
+    md: 768px,
+    lg: 992px,
+    xl: 1200px,
+    xxl: 1400px,
+    xxxl: 1600px,
+  )
+);
diff --git a/frontend/src/scss/fab.scss b/frontend/src/scss/fab.scss
index 94a6875..b92be31 100644
--- a/frontend/src/scss/fab.scss
+++ b/frontend/src/scss/fab.scss
@@ -10,7 +10,7 @@
     bottom: 2rem;
     z-index: 8;
 
-    @include bs.media-breakpoint-down(xxl) {
+    @include bs.media-breakpoint-down(xxxl) {
       right: 4rem;
     }
 
@@ -22,7 +22,7 @@
       bottom: 4rem;
     }
 
-    @include bs.media-breakpoint-up(xxl) {
+    @include bs.media-breakpoint-up(xxxl) {
       transform: translateX(3rem);
     }
   }