diff --git a/src/views/NotFound.vue b/src/views/NotFound.vue
index 30ccf71..ae7bfd8 100644
--- a/src/views/NotFound.vue
+++ b/src/views/NotFound.vue
@@ -1,11 +1,21 @@
 <template>
-        <span class="error-message">
+    <div class="not-found">
+       <span class="error-message">
             The page you are looking for does not exist. Please check the URL or return to the search page.
         </span>
         <RouterLink to="/" id="link">Back to Search</RouterLink>
+    </div>
 </template>
 
 <style scoped>
+.not-found {
+    text-align: center;
+    padding-top: 80px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 12px;
+}
 .error-message{
     margin: 0;
     font-weight: 600;