diff --git a/src/App.vue b/src/App.vue
index d18ecec..37f78bb 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,7 +2,7 @@
     <div class="bg-gray-100 text-gray-900 min-h-screen h-full
                 dark:bg-gray-900 dark:text-slate-50"
          style="font-family: 'Comfortaa';">
-        <div class="container relative mx-auto pb-8 md:px-8 min-h-screen min-w-screen">
+        <div class="container mx-auto pb-8 md:px-8 min-h-screen min-w-screen flex flex-col">
             <RouterView />
         </div>
     </div>
diff --git a/src/components/screen-center/ScreenCenter.vue b/src/components/screen-center/ScreenCenter.vue
new file mode 100644
index 0000000..8face8b
--- /dev/null
+++ b/src/components/screen-center/ScreenCenter.vue
@@ -0,0 +1,7 @@
+<template>
+    <div class="flex flex-1 items-center pb-12">
+        <div class="w-full">
+            <slot></slot>
+        </div>
+    </div>
+</template>
\ No newline at end of file