diff --git a/src/App.vue b/src/App.vue
index f8e22d6..1bf2496 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -17,6 +17,7 @@ limitations under the License.
 <script setup>
 import Navbar from './features/nav/components/Navbar.vue';
 import Footer from './features/footer/components/Footer.vue';
+import BaseLayout from './layouts/BaseLayout.vue';
 
 import { useColorScheme } from './features/colorScheme/composables/useColorScheme';
 import { ref, provide, watch } from 'vue';
@@ -35,9 +36,9 @@ watch(colorScheme, val => updateColorScheme(val))
     >
         <Navbar />
 
-        <div class="main-content">
+        <BaseLayout class="main-content">
             <router-view />
-        </div>
+        </BaseLayout>
 
         <Footer />
     </div>