diff --git a/src/routes/calculator/index.svelte b/src/routes/calculator/index.svelte
index be55f08f..be019bed 100644
--- a/src/routes/calculator/index.svelte
+++ b/src/routes/calculator/index.svelte
@@ -91,12 +91,13 @@
     </h1>
   </div>
   <CharacterCalculator />
-  <div class="mt-8" />
-  <h1
-    class="font-display font-black text-center mt-2 md:mt-0 md:mr-2 xl:mr-8 text-3xl lg:text-left lg:text-5xl text-white"
-  >
-    {$t('calculator.titleResin')}
-  </h1>
+  <div class="flex flex-col items-center md:flex-row-reverse md:justify-end md:items-start lg:items-center mt-8 mb-2">
+    <h1
+      class="font-display font-black text-center mt-2 md:mt-0 md:mr-2 xl:mr-8 text-3xl lg:text-left lg:text-5xl text-white"
+    >
+      {$t('calculator.titleResin')}
+    </h1>
+  </div>
   <ResinCalculator />
   <div class="mt-8" />
   <LevelUpTable />