diff --git a/src/themes/default/src/scss/_offcanvas.scss b/src/themes/default/src/scss/_offcanvas.scss
new file mode 100644
index 000000000..7146dfe35
--- /dev/null
+++ b/src/themes/default/src/scss/_offcanvas.scss
@@ -0,0 +1,3 @@
+.bcl-offcanvas {
+  max-width: 100vw;
+}
diff --git a/src/themes/default/src/scss/oe-bcl-default.scss b/src/themes/default/src/scss/oe-bcl-default.scss
index 0a123005d..7bca72fe8 100644
--- a/src/themes/default/src/scss/oe-bcl-default.scss
+++ b/src/themes/default/src/scss/oe-bcl-default.scss
@@ -85,4 +85,5 @@
 @import "@openeuropa/bcl-theme-default/src/scss/language-list";
 @import "@openeuropa/bcl-theme-default/src/scss/carousel";
 @import "@openeuropa/bcl-theme-default/src/scss/gallery";
+@import "@openeuropa/bcl-theme-default/src/scss/offcanvas";
 @import "@openeuropa/bcl-theme-default/src/scss/pagination";