diff --git a/src/components/Banner.vue b/src/components/Banner.vue
index b3e73f4..c17b234 100644
--- a/src/components/Banner.vue
+++ b/src/components/Banner.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <header class="bg-gray-900 text-white pt-4 pb-12">
-      <div class="max-w-6xl mx-auto px-4">
+      <div class="container mx-auto px-4">
         <div class="flex-1 flex justify-between items-center -mx-4">
           <div class="w-1/7 px-4">
             <router-link :to="{ name: 'projects' }">
@@ -20,7 +20,7 @@
         </div>
       </div>
     </header>
-    <div class="max-w-6xl mx-auto px-4 py-3 -mt-8 mb-4 bg-charade shadow-lg">
+    <div class="container mx-auto px-4 py-3 -mt-8 mb-4 bg-charade shadow-lg">
       <slot name="sub-banner"></slot>
     </div>
   </div>
diff --git a/src/views/Projects.vue b/src/views/Projects.vue
index af05311..67db6e5 100644
--- a/src/views/Projects.vue
+++ b/src/views/Projects.vue
@@ -6,7 +6,7 @@
       </template>
     </banner>
 
-    <main class="max-w-6xl mx-auto p-6 xl:px-0">
+    <main class="container mx-auto p-6 xl:px-0">
       <div class="flex justify-between items-baseline">
         <page-title>All Projects</page-title>