diff --git a/src/components/PageNotFound.vue b/src/components/PageNotFound.vue
index 882596cd..d132c35c 100644
--- a/src/components/PageNotFound.vue
+++ b/src/components/PageNotFound.vue
@@ -1,17 +1,7 @@
 <template>
     <div class="flex flex-col justify-center items-center min-h-[88vh]">
-        <h1 class="font-bold">404</h1>
-        <h2 v-t="'info.page_not_found'" />
+        <h1 class="font-bold !text-9xl">404</h1>
+        <h2 class="!text-2xl" v-t="'info.page_not_found'" />
         <a class="btn mt-16" href="/" v-t="'actions.back_to_home'" />
     </div>
 </template>
-
-<style scoped>
-/* font size can't be handled within windiCSS classes because it's overwritten with !important */
-h1 {
-    font-size: 8rem !important;
-}
-h2 {
-    font-size: 1.7rem !important;
-}
-</style>