diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
index d65cea25..1d9d6494 100644
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -3,15 +3,3 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
-
-@layer utilities {
-  /* Chrome, Safari and Opera */
-  .no-scrollbar::-webkit-scrollbar {
-    display: none;
-  }
-
-  .no-scrollbar {
-    -ms-overflow-style: none; /* IE and Edge */
-    scrollbar-width: none; /* Firefox */
-  }
-}
diff --git a/components/account/activation/AccountActivate.vue b/components/account/activation/AccountActivate.vue
index 1b96c4a7..a97b17e8 100644
--- a/components/account/activation/AccountActivate.vue
+++ b/components/account/activation/AccountActivate.vue
@@ -22,31 +22,32 @@ const validateToken = async () => {
 };
 
 onBeforeMount(async () => await validateToken());
+const { t } = useI18n();
 </script>
 
 <template>
   <div
     class="container py-16 lg:pt-[200px] lg:pb-32 flex flex-col items-center justify-center"
   >
-    <div class="w-[360px]">
+    <div class="w-[380px]">
       <div v-if="validating" class="flex justify-center">
         <RuiProgress variant="indeterminate" circular color="primary" />
       </div>
       <div v-else-if="!isValid" class="space-y-3">
-        <div class="text-h4">Invalid Link</div>
+        <div class="text-h4">{{ t('auth.activation.invalid.title') }}</div>
         <div class="text-body-1 text-rui-text-secondary">
-          The activation link is not valid. This can happen if you have already
-          confirmed your account.
+          {{ t('auth.activation.invalid.message') }}
         </div>
       </div>
       <div v-else class="space-y-3">
-        <div class="text-h4">Welcome to rotki</div>
+        <div class="text-h4">{{ t('auth.activation.success.title') }}</div>
         <div class="text-body-1 text-rui-text-secondary">
           <span>
-            Your rotki account has been successfully activated. To see your
-            dashboard click
+            {{ t('auth.activation.success.message') }}
           </span>
-          <ButtonLink to="/home" inline color="primary">here</ButtonLink>
+          <ButtonLink to="/home" inline color="primary">
+            {{ t('common.here') }}
+          </ButtonLink>
         </div>
       </div>
     </div>
diff --git a/components/account/activation/PendingActivation.vue b/components/account/activation/PendingActivation.vue
index 6a03d76a..257f47da 100644
--- a/components/account/activation/PendingActivation.vue
+++ b/components/account/activation/PendingActivation.vue
@@ -1,12 +1,15 @@
+<script setup lang="ts">
+const { t } = useI18n();
+</script>
+
 <template>
   <div
     class="container py-16 lg:pt-[250px] lg:pb-32 flex flex-col items-center justify-center"
   >
-    <div class="w-[400px] space-y-3">
-      <div class="text-h4">Please check your email</div>
+    <div class="w-[500px] space-y-3">
+      <div class="text-h4">{{ t('auth.pending_activation.title') }}</div>
       <div class="text-body-1 text-rui-text-secondary">
-        A confirm registration link has been send to your account's address.
-        Please check your mailbox to proceed.
+        {{ t('auth.pending_activation.message') }}
       </div>
     </div>
   </div>
diff --git a/components/account/login/LoginForm.vue b/components/account/login/LoginForm.vue
index 1faa84b8..caf2c256 100644
--- a/components/account/login/LoginForm.vue
+++ b/components/account/login/LoginForm.vue
@@ -56,15 +56,16 @@ const performLogin = async () => {
     set(hadError, true);
   }
 };
+
+const { t } = useI18n();
 </script>
 
 <template>
   <div class="w-[360px] space-y-8">
     <div class="space-y-3">
-      <div class="text-h4">Sign in</div>
+      <div class="text-h4">{{ t('auth.login.title') }}</div>
       <div class="text-body-1 text-rui-text-secondary">
-        Premium users unlock the full potential of rotki by removing all limits
-        and unlocking all features.
+        {{ t('auth.login.message') }}
       </div>
     </div>
     <form @submit.prevent="">
@@ -74,7 +75,7 @@ const performLogin = async () => {
           v-model="username"
           dense
           variant="outlined"
-          label="Username"
+          :label="t('auth.common.username')"
           autocomplete="username"
           hide-details
           color="primary"
@@ -87,7 +88,7 @@ const performLogin = async () => {
           v-model="password"
           variant="outlined"
           dense
-          label="Password"
+          :label="t('auth.common.password')"
           autocomplete="current-password"
           hide-details
           color="primary"
@@ -99,7 +100,7 @@ const performLogin = async () => {
 
       <div class="flex justify-end mb-6 mt-2">
         <ButtonLink to="/password/recover" inline>
-          Forgot password?
+          {{ t('auth.login.forgot_password') }}
         </ButtonLink>
       </div>
 
@@ -115,18 +116,19 @@ const performLogin = async () => {
         size="lg"
         @click="performLogin()"
       >
-        Continue
+        {{ t('actions.continue') }}
       </RuiButton>
     </form>
     <div class="flex items-center justify-center">
-      <span class="text-rui-text-secondary"> First time premium? </span>
-      <ButtonLink to="/signup" inline color="primary"> Sign up now </ButtonLink>
+      <span class="text-rui-text-secondary">
+        {{ t('auth.login.first_time_premium') }}
+      </span>
+      <ButtonLink to="/signup" inline color="primary">
+        {{ t('auth.login.sign_up_now') }}
+      </ButtonLink>
     </div>
   </div>
   <div v-if="hadError" class="mt-14 w-[660px]">
-    <RuiAlert
-      type="error"
-      description="If you are writing your username and password from the app, we remind you that they are independent accounts."
-    />
+    <RuiAlert type="error" :description="t('auth.login.alert_error')" />
   </div>
 </template>
diff --git a/components/account/password/PasswordChanged.vue b/components/account/password/PasswordChanged.vue
index 7c95aff5..c4d67df3 100644
--- a/components/account/password/PasswordChanged.vue
+++ b/components/account/password/PasswordChanged.vue
@@ -1,12 +1,16 @@
+<script setup lang="ts">
+const { t } = useI18n();
+</script>
+
 <template>
   <div
     class="container py-16 lg:pt-[250px] lg:pb-32 flex flex-col items-center justify-center"
   >
     <div class="w-[360px] space-y-8">
       <div class="space-y-3">
-        <div class="text-h4">Password changed</div>
+        <div class="text-h4">{{ t('auth.password_changed.title') }}</div>
         <div class="text-body-1 text-rui-text-secondary">
-          Your password has been successfully reset. Click below to log in.
+          {{ t('auth.password_changed.message') }}
         </div>
       </div>
       <ButtonLink
@@ -16,7 +20,7 @@
         size="lg"
         to="/home"
       >
-        Continue
+        {{ t('actions.continue') }}
       </ButtonLink>
     </div>
   </div>
diff --git a/components/account/password/PasswordForm.vue b/components/account/password/PasswordForm.vue
index fcce87fd..702d2335 100644
--- a/components/account/password/PasswordForm.vue
+++ b/components/account/password/PasswordForm.vue
@@ -59,6 +59,8 @@ const reset = async () => {
   }
   set(loading, false);
 };
+
+const { t } = useI18n();
 </script>
 
 <template>
@@ -66,7 +68,7 @@ const reset = async () => {
     class="container py-16 lg:pt-[200px] lg:pb-32 flex flex-col items-center justify-center"
   >
     <div class="w-[360px] space-y-8">
-      <div class="text-h4">Recover password</div>
+      <div class="text-h4">{{ t('auth.recover_password.title') }}</div>
 
       <form class="space-y-6" @submit.prevent="">
         <div class="space-y-5">
@@ -75,7 +77,7 @@ const reset = async () => {
             v-model="emailAddress"
             dense
             variant="outlined"
-            label="Email"
+            :label="t('auth.common.email')"
             autocomplete="email"
             hide-details
             color="primary"
@@ -97,7 +99,7 @@ const reset = async () => {
           :loading="loading"
           @click="reset()"
         >
-          Submit
+          {{ t('actions.submit') }}
         </RuiButton>
       </form>
     </div>
diff --git a/components/account/password/PasswordLinkSend.vue b/components/account/password/PasswordLinkSend.vue
index 842d0ddf..6aeef513 100644
--- a/components/account/password/PasswordLinkSend.vue
+++ b/components/account/password/PasswordLinkSend.vue
@@ -1,12 +1,15 @@
+<script setup lang="ts">
+const { t } = useI18n();
+</script>
+
 <template>
   <div
     class="container py-16 lg:pt-[250px] lg:pb-32 flex flex-col items-center justify-center"
   >
     <div class="w-[360px] space-y-3">
-      <div class="text-h4">Password recovery</div>
+      <div class="text-h4">{{ t('auth.password_link_send.title') }}</div>
       <div class="text-body-1 text-rui-text-secondary">
-        A recovery link has been send to your account's address. Please check
-        your mailbox to proceed.
+        {{ t('auth.password_link_send.message') }}
       </div>
     </div>
   </div>
diff --git a/components/account/password/PasswordReset.vue b/components/account/password/PasswordReset.vue
index c79c341e..0632287a 100644
--- a/components/account/password/PasswordReset.vue
+++ b/components/account/password/PasswordReset.vue
@@ -108,6 +108,8 @@ const { valid, v$ } = setupFormValidation(
   passwordConfirmation,
   $externalResults,
 );
+
+const { t } = useI18n();
 </script>
 
 <template>
@@ -119,13 +121,13 @@ const { valid, v$ } = setupFormValidation(
         <RuiProgress variant="indeterminate" circular color="primary" />
       </div>
       <div v-else-if="!isValid" class="space-y-3">
-        <div class="text-h4">Invalid password reset link</div>
+        <div class="text-h4">{{ t('auth.password_reset.invalid.title') }}</div>
         <div class="text-body-1 text-rui-text-secondary">
-          The link you followed doesn't seem like a valid password reset link.
+          {{ t('auth.password_reset.invalid.message') }}
         </div>
       </div>
       <div v-else class="space-y-8">
-        <div class="text-h4">Provide your new password</div>
+        <div class="text-h4">{{ t('auth.password_reset.title') }}</div>
         <form class="space-y-6" @submit.prevent="">
           <div class="space-y-5">
             <div class="space-y-1">
@@ -134,19 +136,24 @@ const { valid, v$ } = setupFormValidation(
                 v-model="password"
                 dense
                 variant="outlined"
-                label="New password"
+                :label="t('auth.password_reset.form.password')"
                 hide-details
                 color="primary"
                 :error-messages="toMessages(v$.password)"
               />
               <ul class="ml-4 list-disc text-rui-text-secondary text-caption">
                 <li>
-                  Your password can't be too similar to your other personal
-                  information.
+                  {{ t('auth.common.password_hint.line_1') }}
+                </li>
+                <li>
+                  {{ t('auth.common.password_hint.line_2') }}
+                </li>
+                <li>
+                  {{ t('auth.common.password_hint.line_3') }}
+                </li>
+                <li>
+                  {{ t('auth.common.password_hint.line_4') }}
                 </li>
-                <li>Your password must contain at least 8 characters.</li>
-                <li>Your password can't be a commonly used password.</li>
-                <li>Your password can't be entirely numeric.</li>
               </ul>
             </div>
             <div>
@@ -155,8 +162,8 @@ const { valid, v$ } = setupFormValidation(
                 v-model="passwordConfirmation"
                 dense
                 variant="outlined"
-                label="Confirm new password"
-                hint="Enter the same password as before, for verification."
+                :label="t('auth.password_reset.form.confirm')"
+                :hint="t('auth.common.confirm_hint')"
                 color="primary"
                 :error-messages="toMessages(v$.passwordConfirmation)"
               />
@@ -171,7 +178,7 @@ const { valid, v$ } = setupFormValidation(
               :loading="submitting"
               @click="submit()"
             >
-              Submit
+              {{ t('actions.submit') }}
             </RuiButton>
           </div>
         </form>
diff --git a/components/account/signup/SignupAccount.vue b/components/account/signup/SignupAccount.vue
index 404fc98f..86dd1bff 100644
--- a/components/account/signup/SignupAccount.vue
+++ b/components/account/signup/SignupAccount.vue
@@ -56,11 +56,13 @@ const updateValue = (field: string, value: any) => {
     [field]: value,
   });
 };
+
+const { t } = useI18n();
 </script>
 
 <template>
   <div class="space-y-8 grow">
-    <div class="text-h4 text-center">Account</div>
+    <div class="text-h4 text-center">{{ t('auth.signup.account.title') }}</div>
     <div class="space-y-5">
       <RuiTextField
         id="username"
@@ -68,9 +70,9 @@ const updateValue = (field: string, value: any) => {
         variant="outlined"
         color="primary"
         dense
-        label="Username"
+        :label="t('auth.common.username')"
+        :hint="t('auth.signup.account.form.username_hint')"
         autocomplete="username"
-        hint="Required. Provide a unique username for your new account."
         :error-messages="toMessages(v$.username)"
         @update:model-value="updateValue('username', $event)"
       />
@@ -81,8 +83,8 @@ const updateValue = (field: string, value: any) => {
         color="primary"
         dense
         autocomplete="email"
-        label="Email"
-        hint="Required. Provide a valid email address."
+        :label="t('auth.common.email')"
+        :hint="t('auth.signup.account.form.email_hint')"
         :error-messages="toMessages(v$.email)"
         @update:model-value="updateValue('email', $event)"
       />
@@ -94,7 +96,7 @@ const updateValue = (field: string, value: any) => {
           variant="outlined"
           dense
           autocomplete="new-password"
-          label="Password"
+          :label="t('auth.common.password')"
           hide-details
           :error-messages="toMessages(v$.password).length > 0 ? [''] : []"
           @update:model-value="updateValue('password', $event)"
@@ -108,12 +110,17 @@ const updateValue = (field: string, value: any) => {
           "
         >
           <li>
-            Your password can't be too similar to your other personal
-            information.
+            {{ t('auth.common.password_hint.line_1') }}
+          </li>
+          <li>
+            {{ t('auth.common.password_hint.line_2') }}
+          </li>
+          <li>
+            {{ t('auth.common.password_hint.line_3') }}
+          </li>
+          <li>
+            {{ t('auth.common.password_hint.line_4') }}
           </li>
-          <li>Your password must contain at least 8 characters.</li>
-          <li>Your password can't be a commonly used password.</li>
-          <li>Your password can't be entirely numeric.</li>
         </ul>
       </div>
       <RuiTextField
@@ -124,9 +131,9 @@ const updateValue = (field: string, value: any) => {
         color="primary"
         autocomplete="new-password"
         dense
-        label="Repeat password"
+        :label="t('auth.signup.account.form.confirm_password')"
+        :hint="t('auth.common.confirm_hint')"
         :error-messages="toMessages(v$.confirmPassword)"
-        hint="Enter the same password as before, for verification."
         @update:model-value="updateValue('confirmPassword', $event)"
       />
 
@@ -136,9 +143,9 @@ const updateValue = (field: string, value: any) => {
         variant="outlined"
         color="primary"
         dense
-        label="Github username"
+        :label="t('auth.signup.account.form.github_username')"
+        :hint="t('auth.signup.account.form.github_username_hint')"
         :error-messages="toMessages(v$.githubUsername)"
-        hint="Optional. Provide Github username for in-Github support."
         @update:model-value="updateValue('githubUsername', $event)"
       />
     </div>
@@ -151,7 +158,7 @@ const updateValue = (field: string, value: any) => {
       data-cy="back-button"
       @click="emit('back')"
     >
-      Back
+      {{ t('actions.back') }}
     </RuiButton>
     <RuiButton
       data-cy="next-button"
@@ -161,7 +168,7 @@ const updateValue = (field: string, value: any) => {
       size="lg"
       @click="emit('next')"
     >
-      Continue
+      {{ t('actions.continue') }}
     </RuiButton>
   </div>
 </template>
diff --git a/components/account/signup/SignupAddress.vue b/components/account/signup/SignupAddress.vue
index 030d2de4..2de3a3f7 100644
--- a/components/account/signup/SignupAddress.vue
+++ b/components/account/signup/SignupAddress.vue
@@ -108,6 +108,8 @@ const finish = () => {
     onExpired,
   });
 };
+
+const { t } = useI18n();
 </script>
 
 <template>
@@ -121,8 +123,8 @@ const finish = () => {
         color="primary"
         autocomplete="address-line1"
         dense
-        label="Address line 1"
-        hint="Required."
+        :label="t('auth.signup.address.form.address_line_1')"
+        :hint="t('auth.common.required')"
         :error-messages="toMessages(v$.address1)"
         @update:model-value="updateValue('address1', $event)"
         @blur="v$.address1.$touch()"
@@ -134,8 +136,8 @@ const finish = () => {
         color="primary"
         autocomplete="address-line2"
         dense
-        label="Address line 2"
-        hint="Required."
+        :label="t('auth.signup.address.form.address_line_2')"
+        :hint="t('auth.common.required')"
         :error-messages="toMessages(v$.address2)"
         @update:model-value="updateValue('address2', $event)"
         @blur="v$.address2.$touch()"
@@ -147,8 +149,8 @@ const finish = () => {
         color="primary"
         autocomplete="address-level2"
         dense
-        label="City"
-        hint="Required."
+        :label="t('auth.signup.address.form.city')"
+        :hint="t('auth.common.required')"
         :error-messages="toMessages(v$.city)"
         @update:model-value="updateValue('city', $event)"
         @blur="v$.city.$touch()"
@@ -160,8 +162,8 @@ const finish = () => {
         color="primary"
         autocomplete="postal-code"
         dense
-        label="Postal code"
-        hint="Required."
+        :label="t('auth.signup.address.form.postal_code')"
+        :hint="t('auth.common.required')"
         :error-messages="toMessages(v$.postcode)"
         @update:model-value="updateValue('postcode', $event)"
         @blur="v$.postcode.$touch()"
@@ -176,8 +178,8 @@ const finish = () => {
         key-prop="code"
         text-prop="name"
         dense
-        label="Country"
-        hint="Required."
+        :label="t('auth.signup.address.form.country')"
+        :hint="t('auth.common.required')"
         :error-messages="toMessages(v$.country)"
         @blur="v$.country.$touch()"
       />
@@ -191,14 +193,18 @@ const finish = () => {
       />
 
       <RuiCheckbox id="tos" v-model="terms" color="primary">
-        I have read and agreed to the
-        <ButtonLink to="/tos" inline color="primary" external>
-          Terms of Service
-        </ButtonLink>
-        and the
-        <ButtonLink inline color="primary" to="/privacy-policy" external>
-          Privacy Policy.
-        </ButtonLink>
+        <i18n-t keypath="auth.signup.address.form.tos" scope="global">
+          <template #tos>
+            <ButtonLink to="/tos" inline color="primary" external>
+              {{ t('footer_legalese.tos') }}
+            </ButtonLink>
+          </template>
+          <template #privacy_policy>
+            <ButtonLink to="/privacy-policy" inline color="primary" external>
+              {{ t('footer_legalese.privacy_policy') }}
+            </ButtonLink>
+          </template>
+        </i18n-t>
       </RuiCheckbox>
     </div>
   </div>
@@ -210,7 +216,7 @@ const finish = () => {
       size="lg"
       @click="emit('back')"
     >
-      Back
+      {{ t('actions.back') }}
     </RuiButton>
     <RuiButton
       data-cy="submit-button"
@@ -221,7 +227,7 @@ const finish = () => {
       :loading="loading"
       @click="finish()"
     >
-      Create Account
+      {{ t('auth.signup.create_account') }}
     </RuiButton>
   </div>
 </template>
diff --git a/components/account/signup/SignupCustomerInformation.vue b/components/account/signup/SignupCustomerInformation.vue
index 9d642cd9..24b127aa 100644
--- a/components/account/signup/SignupCustomerInformation.vue
+++ b/components/account/signup/SignupCustomerInformation.vue
@@ -50,11 +50,15 @@ const updateValue = (field: string, value: any) => {
     [field]: value,
   });
 };
+
+const { t } = useI18n();
 </script>
 
 <template>
   <div class="space-y-8 grow">
-    <div class="text-h4 text-center">Customer Information</div>
+    <div class="text-h4 text-center">
+      {{ t('auth.signup.customer_information.title') }}
+    </div>
     <div class="space-y-5">
       <RuiTextField
         id="first-name"
@@ -63,8 +67,8 @@ const updateValue = (field: string, value: any) => {
         color="primary"
         autocomplete="given-name"
         dense
-        label="First name"
-        hint="Required. Will only be used for invoice of payments."
+        :label="t('auth.signup.customer_information.form.first_name')"
+        :hint="t('auth.signup.customer_information.form.name_hint')"
         :error-messages="toMessages(v$.firstName)"
         @update:model-value="updateValue('firstName', $event)"
         @blur="v$.firstName.$touch()"
@@ -76,8 +80,8 @@ const updateValue = (field: string, value: any) => {
         color="primary"
         autocomplete="family-name"
         dense
-        label="Last name"
-        hint="Required. Will only be used for invoice of payments."
+        :label="t('auth.signup.customer_information.form.last_name')"
+        :hint="t('auth.signup.customer_information.form.name_hint')"
         :error-messages="toMessages(v$.lastName)"
         @update:model-value="updateValue('lastName', $event)"
         @blur="v$.lastName.$touch()"
@@ -89,8 +93,8 @@ const updateValue = (field: string, value: any) => {
         color="primary"
         autocomplete="organization"
         dense
-        label="Company name"
-        hint="Optional. If you want to be invoiced as a company the given company name will be added to the invoice."
+        :label="t('auth.signup.customer_information.form.company')"
+        :hint="t('auth.signup.customer_information.form.company_hint')"
         :error-messages="toMessages(v$.companyName)"
         @update:model-value="updateValue('companyName', $event)"
         @blur="v$.companyName.$touch()"
@@ -101,8 +105,8 @@ const updateValue = (field: string, value: any) => {
         variant="outlined"
         color="primary"
         dense
-        label="VAT ID"
-        hint="Optional. If you want to be invoiced as a company, the provided VAT ID will be added to the invoice."
+        :label="t('auth.signup.customer_information.form.vat_id')"
+        :hint="t('auth.signup.customer_information.form.vat_id_hint')"
         :error-messages="toMessages(v$.vatId)"
         @update:model-value="updateValue('vatId', $event)"
         @blur="v$.vatId.$touch()"
@@ -117,7 +121,7 @@ const updateValue = (field: string, value: any) => {
       data-cy="back-button"
       @click="emit('back')"
     >
-      Back
+      {{ t('actions.back') }}
     </RuiButton>
     <RuiButton
       data-cy="next-button"
@@ -127,7 +131,7 @@ const updateValue = (field: string, value: any) => {
       size="lg"
       @click="emit('next')"
     >
-      Continue
+      {{ t('actions.continue') }}
     </RuiButton>
   </div>
 </template>
diff --git a/components/account/signup/SignupForm.vue b/components/account/signup/SignupForm.vue
index 85f8074e..d8a6f260 100644
--- a/components/account/signup/SignupForm.vue
+++ b/components/account/signup/SignupForm.vue
@@ -37,7 +37,7 @@ const addressForm = ref<SignupAddressPayload>({
 
 const loading: Ref<boolean> = ref(false);
 const captchaId: Ref<number> = ref(0);
-const $externalResults: Ref<ValidationErrors> = ref({});
+const externalResults: Ref<ValidationErrors> = ref({});
 
 const signup = async ({
   recaptchaToken,
@@ -86,42 +86,33 @@ const signup = async ({
   set(loading, false);
 };
 
+const { t } = useI18n();
+
 const step: Ref<number> = ref(1);
 const steps = [
-  { title: 'Introduction', description: 'First step' },
-  { title: 'Account', description: 'Set your credentials' },
   {
-    title: 'Customer Information',
-    description: 'Information for invoice of payments',
+    title: t('auth.signup.steps.step_1.title'),
+    description: t('auth.signup.steps.step_1.description'),
+  },
+  {
+    title: t('auth.signup.steps.step_2.title'),
+    description: t('auth.signup.steps.step_2.description'),
+  },
+  {
+    title: t('auth.signup.steps.step_3.title'),
+    description: t('auth.signup.steps.step_3.description'),
   },
   {
-    title: 'Address',
-    description: 'Will only be used for invoice of payments',
+    title: t('auth.signup.steps.step_4.title'),
+    description: t('auth.signup.steps.step_4.description'),
   },
 ];
 
-const horizontalStepperRef = ref<HTMLDivElement>();
-
-const adjustHorizontalStepper = () => {
-  nextTick(() => {
-    const elem = get(horizontalStepperRef);
-    if (elem) {
-      const a = elem.querySelector('div[class*=active]');
-      a?.scrollIntoView?.({
-        behavior: 'smooth',
-        inline: 'center',
-      });
-    }
-  });
-};
-
 const back = () => {
   set(step, Math.max(get(step) - 1, 1));
-  adjustHorizontalStepper();
 };
 const next = () => {
   set(step, Math.min(get(step) + 1, 4));
-  adjustHorizontalStepper();
 };
 
 const haveIntersectionKeys = (obj1: object, obj2: object) => {
@@ -132,7 +123,7 @@ const haveIntersectionKeys = (obj1: object, obj2: object) => {
 };
 
 const setErrors = (errors: ValidationErrors) => {
-  set($externalResults, errors);
+  set(externalResults, errors);
 
   if (haveIntersectionKeys(errors, get(accountForm))) {
     set(step, 2);
@@ -151,10 +142,7 @@ const setErrors = (errors: ValidationErrors) => {
   <div
     class="container flex flex-col lg:flex-row pt-4 pb-8 lg:py-14 h-full grow"
   >
-    <div
-      ref="horizontalStepperRef"
-      class="lg:hidden mb-14 no-scrollbar whitespace-nowrap overflow-auto [&>div>div]:pt-4"
-    >
+    <div class="lg:hidden mb-14 [&>div>div]:pt-4 [&>div>hr]:!mt-4">
       <RuiStepper custom orientation="horizontal" :step="step" :steps="steps" />
     </div>
 
@@ -164,14 +152,14 @@ const setErrors = (errors: ValidationErrors) => {
         <SignupAccount
           v-if="step === 2"
           v-model="accountForm"
-          :external-results="$externalResults"
+          :external-results="externalResults"
           @back="back()"
           @next="next()"
         />
         <SignupCustomerInformation
           v-if="step === 3"
           v-model="customerInformationForm"
-          :external-results="$externalResults"
+          :external-results="externalResults"
           @back="back()"
           @next="next()"
         />
@@ -180,7 +168,7 @@ const setErrors = (errors: ValidationErrors) => {
           v-model="addressForm"
           v-model:captcha-id="captchaId"
           :loading="loading"
-          :external-results="$externalResults"
+          :external-results="externalResults"
           @back="back()"
           @finish="signup($event)"
         />
diff --git a/components/account/signup/SignupIntroduction.vue b/components/account/signup/SignupIntroduction.vue
index 4e2f2d79..d98a2acf 100644
--- a/components/account/signup/SignupIntroduction.vue
+++ b/components/account/signup/SignupIntroduction.vue
@@ -2,27 +2,28 @@
 const emit = defineEmits<{
   (e: 'next'): void;
 }>();
+
+const { t } = useI18n();
 </script>
 
 <template>
   <div class="text-center space-y-3 grow">
-    <div class="text-h4">Important Note</div>
-    <div class="text-body-1 text-rui-text-secondary">
-      Creating an account in rotki.com is only needed to purchase a
-      <strong>premium subscription</strong>. Rotki is a local application and
-      the account you create when you use it is stored on your computer.
-      <br />
-      <br />
-      This is not the same account as premium and credentials for one account
-      don't work for the other. To use Rotki simply
-      <ButtonLink to="/download" inline color="primary" class="underline">
-        download
-      </ButtonLink>
-      and run it.
-      <br />
-      <br />
-      Proceed only if you intend to purchase premium and unlock the premium
-      features of the application.
+    <div class="text-h4">
+      {{ t('auth.signup.introduction.title') }}
+    </div>
+    <div class="text-body-1 text-rui-text-secondary whitespace-pre-line">
+      <i18n-t keypath="auth.signup.introduction.message.default" scope="global">
+        <template #premium_subscription>
+          <strong>
+            {{ t('auth.signup.introduction.message.premium_subscription') }}
+          </strong>
+        </template>
+        <template #download>
+          <ButtonLink to="/download" inline color="primary" class="underline">
+            {{ t('auth.signup.introduction.message.download') }}
+          </ButtonLink>
+        </template>
+      </i18n-t>
     </div>
   </div>
   <div class="mt-16">
@@ -33,7 +34,7 @@ const emit = defineEmits<{
       data-cy="next-button"
       @click="emit('next')"
     >
-      Continue
+      {{ t('actions.continue') }}
     </RuiButton>
   </div>
 </template>
diff --git a/locales/en.json b/locales/en.json
index fcca8544..d5c1cbe9 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -1,16 +1,142 @@
 {
+  "auth": {
+    "activation": {
+      "invalid": {
+        "title": "Invalid Link",
+        "message": "The activation link is not valid. This can happen if you have already confirmed your account."
+      },
+      "success": {
+        "title": "Welcome to rotki",
+        "message": "Your rotki account has been successfully activated. To see your dashboard click"
+      }
+    },
+    "common": {
+      "email": "Email",
+      "username": "Username",
+      "password": "Password",
+      "confirm_hint": "Enter the same password as before, for verification.",
+      "password_hint": {
+        "line_1": "Your password can't be too similar to your other personal information.",
+        "line_2": "Your password must contain at least 8 characters.",
+        "line_3": "Your password can't be a commonly used password.",
+        "line_4": "Your password can't be entirely numeric."
+      },
+      "required": "Required."
+    },
+    "login": {
+      "title": "Sign in",
+      "message": " Premium users unlock the full potential of rotki by removing all limits and unlocking all features.",
+      "forgot_password": "Forgot password?",
+      "first_time_premium": "First time premium?",
+      "sign_up_now": "Sign up now",
+      "alert_error": "If you are writing your username and password from the app, we remind you that they are independent accounts."
+    },
+    "password_changed": {
+      "title": "Password changed",
+      "message": "Your password has been successfully reset. Click below to log in."
+    },
+    "password_link_send": {
+      "title": "Password recovery",
+      "message": "A recovery link has been send to your account's address. Please check your mailbox to proceed."
+    },
+    "password_reset": {
+      "invalid": {
+        "title": "Invalid password reset link",
+        "message": "The link you followed doesn't seem like a valid password reset link."
+      },
+      "form": {
+        "confirm": "Confirm new password",
+        "password": "New password"
+      },
+      "title": "Provide your new password"
+    },
+    "pending_activation": {
+      "title": "Please check your email",
+      "message": "A confirm registration link has been send to your account's address. Please check your mailbox to proceed."
+    },
+    "recover_password": {
+      "title": "Recover password"
+    },
+    "signup": {
+      "steps": {
+        "step_1": {
+          "title": "Introduction",
+          "description": "First step"
+        },
+        "step_2": {
+          "title": "Account",
+          "description": "Set your credentials"
+        },
+        "step_3": {
+          "title": "Customer Information",
+          "description": "Information for invoice of payments"
+        },
+        "step_4": {
+          "title": "Address",
+          "description": "Will only be used for invoice of payments"
+        }
+      },
+      "create_account": "Create Account",
+      "introduction": {
+        "title": "Important Note",
+        "message": {
+          "default": "Creating an account in rotki.com is only needed to purchase a {premium_subscription}. Rotki is a local application and the account you create when you use it is stored on your computer. \n\n This is not the same account as premium and credentials for one account don't work for the other. To use Rotki simply {download} and run it. \n\n Proceed only if you intend to purchase premium and unlock the premium features of the application.",
+          "premium_subscription": "premium subscription",
+          "download": "download"
+        }
+      },
+      "account": {
+        "title": "Account",
+        "form": {
+          "username_hint": "Required. Provide a unique username for your new account.",
+          "email_hint": "Required. Provide a valid email address.",
+          "confirm_password": "Repeat password",
+          "github_username": "Github username",
+          "github_username_hint": "Optional. Provide Github username for in-Github support."
+        }
+      },
+      "address": {
+        "form": {
+          "address_line_1": "Address line 1",
+          "address_line_2": "Address line 2",
+          "city": "City",
+          "postal_code": "Postal code",
+          "country": "Country",
+          "tos": "I have read and agreed to the {tos} and the {privacy_policy}"
+        }
+      },
+      "customer_information": {
+        "title": "Customer Information",
+        "form": {
+          "first_name": "First name",
+          "last_name": "Last name",
+          "name_hint": "Required. Will only be used for invoice of payments.",
+          "company": "Company name",
+          "company_hint": "Optional. If you want to be invoiced as a company the given company name will be added to the invoice.",
+          "vat_id": "VAT ID",
+          "vat_id_hint": "Optional. If you want to be invoiced as a company, the provided VAT ID will be added to the invoice."
+        }
+      }
+    }
+  },
   "account": {
     "unverified_email": {
       "message": "Your e-mail address has not been verified. Check your mailbox for the activation e-mail."
     }
   },
   "actions": {
+    "back": "Back",
+    "continue": "Continue",
     "download": "Start now for free",
     "get_premium": "Get Premium",
     "get_premium_plan": "Get Premium Plan",
     "get_advanced_plan": "Get Advanced Plan",
     "get_in_touch": "Get In Touch Now",
-    "go_back_home": "Go back home"
+    "go_back_home": "Go back home",
+    "submit": "Submit"
+  },
+  "common": {
+    "here": "here"
   },
   "supported_defi": {
     "title": "Dedicated DeFi support for",
diff --git a/package.json b/package.json
index 457b79ff..36f090ed 100644
--- a/package.json
+++ b/package.json
@@ -52,7 +52,7 @@
     "@nuxt/devtools": "0.6.7",
     "@nuxtjs/i18n": "8.0.0-beta.12",
     "@rotki/eslint-config": "1.1.0",
-    "@rotki/ui-library": "0.2.2",
+    "@rotki/ui-library": "0.2.3",
     "@types/braintree-web": "3.75.23",
     "@types/paypal-checkout-components": "4.0.5",
     "@types/qrcode": "1.5.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 431d8855..59089b15 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -86,8 +86,8 @@ devDependencies:
     specifier: 1.1.0
     version: 1.1.0(eslint@8.45.0)(vue@3.3.4)
   '@rotki/ui-library':
-    specifier: 0.2.2
-    version: 0.2.2(@vueuse/core@10.2.1)(@vueuse/shared@10.2.1)(vue@3.3.4)
+    specifier: 0.2.3
+    version: 0.2.3(@vueuse/core@10.2.1)(@vueuse/shared@10.2.1)(vue@3.3.4)
   '@types/braintree-web':
     specifier: 3.75.23
     version: 3.75.23
@@ -2237,8 +2237,8 @@ packages:
       - vue
     dev: true
 
-  /@rotki/ui-library@0.2.2(@vueuse/core@10.2.1)(@vueuse/shared@10.2.1)(vue@3.3.4):
-    resolution: {integrity: sha512-LgOMSSYzhVQso8SM2DoPNiqXCosA82zvWtGYDGAjISOPQDdgQMjUGAMP7hBSkyxgpf9NDbeDWx7nMmz4u9fx2A==}
+  /@rotki/ui-library@0.2.3(@vueuse/core@10.2.1)(@vueuse/shared@10.2.1)(vue@3.3.4):
+    resolution: {integrity: sha512-3J8ZjEMt2JlkhGPtf4ZXJ+MMLyr7XsR/Tg+CytLsu+/mET1C5c4HIa8Zr01kb3PXAHO1Mx2Bcb9GCmrGCNBSSg==}
     engines: {pnpm: '>=8 <9'}
     peerDependencies:
       '@vueuse/core': '>10.0.0'