diff --git a/vue/index.html b/vue/index.html
index 9b7a608..48e593e 100644
--- a/vue/index.html
+++ b/vue/index.html
@@ -27,7 +27,7 @@
             crossorigin
 >
     </head>
-    <body id="app" class="halftone">
+    <body id="app">
         <script type="module" src="/src/main.js"></script>
     </body>
 </html>
diff --git a/vue/src/App.vue b/vue/src/App.vue
index 25041c3..a273721 100644
--- a/vue/src/App.vue
+++ b/vue/src/App.vue
@@ -5,7 +5,7 @@ import Footer from "@/components/Footer.vue";
 </script>
 
 <template>
-    <div class="app-layout">
+    <div class="app-layout halftone">
         <Navbar class="no-print sticky top-0 z-50" />
         <main class="app-content">
             <RouterView v-slot="{ Component }">
