diff --git a/app/static/css/default.css b/app/static/css/default.css
index a8d1731..42c6982 100644
--- a/app/static/css/default.css
+++ b/app/static/css/default.css
@@ -135,3 +135,15 @@ body::before {
 iframe{
   margin-bottom: -10px;
 }
+
+.container-fluid {
+  max-width: 100% !important;
+}
+
+.container,
+.container-fluid {
+  transition: 
+    max-width 1s ease-in-out,
+    padding-left 1s ease-in-out,
+    padding-right 1s ease-in-out;
+}
\ No newline at end of file
diff --git a/app/static/js/fullwidth.js b/app/static/js/fullwidth.js
index f5dbe5a..8f861dd 100644
--- a/app/static/js/fullwidth.js
+++ b/app/static/js/fullwidth.js
@@ -7,13 +7,14 @@ function setFullWidth(enabled) {
   if (!el) return;
   if (enabled) {
     el.classList.replace('container', 'container-fluid');
-    updateUrlFullWidth(true)
+    updateUrlFullWidth(true);
   } else {
     el.classList.replace('container-fluid', 'container');
-    updateUrlFullWidth(false)
+    updateUrlFullWidth(false);
   }
 }
 
+
 /**
  * Reads the URL parameter `fullwidth` and applies full width if it's set.
  * @returns {boolean} – current full‐width state