diff --git a/app/app.vue b/app/app.vue
index f8eacfa..149dc49 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -1,5 +1,13 @@
 <template>
-  <NuxtLayout>
-    <NuxtPage />
-  </NuxtLayout>
-</template>
+  <UApp>
+    <div class="min-h-screen flex flex-col text-slate-900">
+      <NavBar />
+      <main class="flex-1 w-full max-w-[1500px] mx-auto px-4 sm:px-6 lg:px-8 py-6 sm:py-8">
+        <NuxtPage />
+      </main>
+      <footer class="border-t border-white/60 bg-white/50 text-center text-xs text-slate-500 py-4 backdrop-blur-sm">
+        UTDesign Procurement System for The University of Texas at Dallas
+      </footer>
+    </div>
+  </UApp>
+</template>
\ No newline at end of file
diff --git a/app/layouts/default.vue b/app/layouts/default.vue
deleted file mode 100644
index ad46396..0000000
--- a/app/layouts/default.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-  <div class="min-h-screen flex flex-col text-slate-900">
-    <NavBar />
-    <main class="flex-1 w-full max-w-[1500px] mx-auto px-4 sm:px-6 lg:px-8 py-6 sm:py-8">
-      <slot />
-    </main>
-    <footer class="border-t border-white/60 bg-white/50 text-center text-xs text-slate-500 py-4 backdrop-blur-sm">
-      UTDesign Procurement System for The University of Texas at Dallas
-    </footer>
-  </div>
-</template>
-
-<script setup lang="ts">
-import NavBar from '~/components/layout/NavBar.vue'
-</script>