diff --git a/src/components/LoginPage.vue b/src/components/LoginPage.vue
index 72c111c2..55588f76 100644
--- a/src/components/LoginPage.vue
+++ b/src/components/LoginPage.vue
@@ -1,5 +1,8 @@
 <template>
-    <h1 v-t="'titles.login'" class="my-4 text-center font-bold" />
+    <div class="flex justify-center">
+        <h1 v-t="'titles.login'" class="my-4 text-center font-bold" />
+        <TooltipIcon class="mb-6" icon="i-fa6-solid:circle-info" :tooltip="$t('info.login_note')" />
+    </div>
     <hr />
     <div class="w-full flex items-center justify-center text-center">
         <form class="w-min children:pb-3">
@@ -28,7 +31,6 @@
             <div>
                 <a v-t="'titles.login'" class="btn w-auto" @click="login" />
             </div>
-            <TooltipIcon icon="i-fa6-solid:circle-info" :tooltip="$t('info.login_note')" />
         </form>
     </div>
 </template>
diff --git a/src/components/RegisterPage.vue b/src/components/RegisterPage.vue
index 89dce364..1798e973 100644
--- a/src/components/RegisterPage.vue
+++ b/src/components/RegisterPage.vue
@@ -1,5 +1,8 @@
 <template>
-    <h1 v-t="'titles.register'" class="my-4 text-center font-bold" />
+    <div class="flex justify-center">
+        <h1 v-t="'titles.register'" class="my-4 text-center font-bold" />
+        <TooltipIcon class="mb-6" icon="i-fa6-solid:circle-info" :tooltip="$t('info.register_note')" />
+    </div>
     <hr />
     <div class="flex flex-col items-center justify-center text-center">
         <form class="w-max items-center px-3 children:pb-3">
@@ -45,7 +48,6 @@
             <div>
                 <a v-t="'titles.register'" class="btn w-auto" @click="register" />
             </div>
-            <TooltipIcon icon="i-fa6-solid:circle-info" :tooltip="$t('info.register_note')" />
         </form>
     </div>
     <ConfirmModal
diff --git a/src/components/TooltipIcon.vue b/src/components/TooltipIcon.vue
index a227377f..6973cc04 100644
--- a/src/components/TooltipIcon.vue
+++ b/src/components/TooltipIcon.vue
@@ -1,5 +1,5 @@
 <template>
-    <div id="container" class="w-full">
+    <div id="container" class="m-2 self-center">
         <div :class="icon" class="cursor-pointer"></div>
         <p id="tooltip" class="absolute mr-[20vw] mt-2 hidden rounded-l bg-gray-800 px-2 py-1 text-gray-200">
             {{ tooltip }}