diff --git a/src/views/ChapterView.vue b/src/views/ChapterView.vue
index 861e92a..6ea6c65 100644
--- a/src/views/ChapterView.vue
+++ b/src/views/ChapterView.vue
@@ -204,7 +204,7 @@ function getFolderDescription(folderName) {
 
 <style scoped>
 .chapter-view {
-  max-width: 1000px;
+  max-width: 1400px;
   margin: 0 auto;
   padding: 0 24px;
 }
diff --git a/src/views/ComplexityDemo.vue b/src/views/ComplexityDemo.vue
index 39889c9..8cfa699 100644
--- a/src/views/ComplexityDemo.vue
+++ b/src/views/ComplexityDemo.vue
@@ -474,7 +474,7 @@ const chartData = computed(() => {
 
 <style scoped>
 .complexity-demo {
-  max-width: 1000px;
+  max-width: 1400px;
   margin: 0 auto;
   padding: 0 24px;
 }
diff --git a/src/views/Home.vue b/src/views/Home.vue
index ad8316a..311818d 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -73,7 +73,7 @@ import { chapters } from '../data/chapters.js'
 
 <style scoped>
 .home {
-  max-width: 1100px;
+  max-width: 1400px;
   margin: 0 auto;
   padding: 0 24px;
 }
diff --git a/src/views/SortDemo.vue b/src/views/SortDemo.vue
index 1a2d582..22686ee 100644
--- a/src/views/SortDemo.vue
+++ b/src/views/SortDemo.vue
@@ -114,7 +114,7 @@ import SortVisualizer from '../components/SortVisualizer.vue'
 
 <style scoped>
 .sort-demo {
-  max-width: 1000px;
+  max-width: 1400px;
   margin: 0 auto;
   padding: 0 24px;
 }