diff --git a/assets/js/App.vue b/assets/js/App.vue
index 545ea03..99c2042 100644
--- a/assets/js/App.vue
+++ b/assets/js/App.vue
@@ -1,14 +1,13 @@
 <template>
-	<div class="container-fluid">
-		<div class="row">
-			<div class="col">
-				<the-navbar
-					@invalidate-user="onUserInvalidate"
-				/>
-			</div>
-		</div>
-
-		<div class="row mt-5 main-content">
+	<v-app>
+		<v-app-bar color="grey-lighten-2"/>
+		<!--
+		<the-navbar
+			@invalidate-user="onUserInvalidate"
+		/>
+		-->
+		<v-navigation-drawer></v-navigation-drawer>
+		<v-main class="container-fluid text-center">
 			<div class="col-xl-3">
 				<the-sidebar/>
 			</div>
@@ -27,14 +26,14 @@
 				</suspense>
 			</div>
 			<div class="col mt-2"/>
-		</div>
+		</v-main>
 
 		<div class="row">
 			<div class="col">
 				<the-footer/>
 			</div>
 		</div>
-	</div>
+	</v-app>
 </template>
 
 <script setup>