Minor fixes

src/components/Article/Article.module.scss

@@ -540,13 +540,13 @@ a[data-toggle='tooltip'] {
   vertical-align: text-top;
   justify-content: center;
   position: relative;
-  width: 10px;
+  width: 14px;
-  height: 10px;
+  height: 14px;
   border-radius: 50%;
   margin: -2px 0 0 1px;
   border: unset;
-  background-size: 10px;
+  background-size: contain;
-  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgY2xhc3M9ImJpIGJpLWluZm8tY2lyY2xlIiBmaWxsPSJjdXJyZW50Q29sb3IiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik04IDE1QTcgNyAwIDEgMSA4IDFhNyA3IDAgMCAxIDAgMTR6bTAgMUE4IDggMCAxIDAgOCAwYTggOCAwIDAgMCAwIDE2eiIvPjxwYXRoIGQ9Im04LjkzIDYuNTg4LTIuMjkuMjg3LS4wODIuMzguNDUuMDgzYy4yOTQuMDcuMzUyLjE3Ni4yODguNDY5bC0uNzM4IDMuNDY4Yy0uMTk0Ljg5Ny4xMDUgMS4zMTkuODA4IDEuMzE5LjU0NSAwIDEuMTc4LS4yNTIgMS40NjUtLjU5OGwuMDg4LS40MTZjLS4yLjE3Ni0uNDkyLjI0Ni0uNjg2LjI0Ni0uMjc1IDAtLjM3NS0uMTkzLS4zMDQtLjUzM0w4LjkzIDYuNTg4ek05IDQuNWExIDEgMCAxIDEtMiAwIDEgMSAwIDAgMSAyIDB6Ii8+PC9zdmc+');
+  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcgMTRDMTAuODY2IDE0IDE0IDEwLjg2NiAxNCA3QzE0IDMuMTM0MDEgMTAuODY2IDAgNyAwQzMuMTM0MDEgMCAwIDMuMTM0MDEgMCA3QzAgMTAuODY2IDMuMTM0MDEgMTQgNyAxNFpNNy44ODQzNSAzLjQyMzA3QzcuODg0MzUgMi45MTQyNCA3LjQ3MDExIDIuNSA2Ljk2MTI4IDIuNUM2LjQ1MjM2IDIuNSA2LjAyNjMyIDIuOTE0MjQgNi4wMzgyIDMuNDIzMDdDNi4wMzgyIDMuOTMxOTEgNi40NTI0NSA0LjM0NjE1IDYuOTYxMjggNC4zNDYxNUM3LjQ3MDExIDQuMzQ2MTUgNy44ODQzNSAzLjkzMTkxIDcuODg0MzUgMy40MjMwN1pNOC40NDA1NiAxMC41QzguNTU4OTUgMTAuNSA4LjY2NTQ0IDEwLjM5MzUgOC42NjU0NCAxMC4yNzUxTDguNjY1NDYgOS4xMDM1NUM4LjY2NTQ2IDguOTczMzYgOC41NTg5NiA4Ljg3ODY4IDguNDQwNTggOC44Nzg2OEg3Ljk0MzU0VjUuMjIxODhDNy45NDM1NCA1LjEwMzUgNy44MzcwNSA0Ljk5NzAxIDcuNzE4NjcgNC45OTcwMUg1LjU1M0M1LjQzNDYxIDQuOTk3MDEgNS4zMjgxMiA1LjA5MTcgNS4zMjgxMiA1LjIyMTg4VjYuMzkzNUM1LjMyODEyIDYuNTIzNjkgNS40MzQ2MiA2LjYxODM3IDUuNTUzIDYuNjE4MzdINi4wNTAwNFY4Ljg3ODcyTDUuNTUzIDguODc4NjRDNS40MzQ2MSA4Ljg3ODY0IDUuMzI4MTIgOC45NzMzMyA1LjMyODEyIDkuMTAzNTFWMTAuMjc1MUM1LjMyODEyIDEwLjM5MzUgNS40MzQ2MiAxMC41IDUuNTUzIDEwLjVIOC40NDA1NloiIGZpbGw9IiM0MDQwNDAiLz48L3N2Zz4=');
 
   &:hover {
     background-color: unset;

src/components/Discours/Hero.tsx

@@ -2,9 +2,13 @@ import styles from './Hero.module.scss'
 
 import { showModal } from '../../stores/ui'
 import { useLocalize } from '../../context/localize'
+import { useRouter } from '../../stores/router'
+import { AuthModalSearchParams } from '../Nav/AuthModal/types'
 
 export default () => {
   const { t } = useLocalize()
+  const { changeSearchParam } = useRouter<AuthModalSearchParams>()
+
   return (
     <div class={styles.aboutDiscours}>
       <div class="wide-container">
@@ -20,7 +24,13 @@ export default () => {
               <a class="button" href="/create">
                 {t('Create post')}
               </a>
-              <a class="button" onClick={() => showModal('auth')}>
+              <a
+                class="button"
+                onClick={() => {
+                  showModal('auth')
+                  changeSearchParam('mode', 'register')
+                }}
+              >
                 {t('Join the community')}
               </a>
               <a class="button" href="/about/help">

src/components/Nav/AuthModal/RegisterForm.tsx

@@ -191,22 +191,22 @@ export const RegisterForm = () => {
               <Show when={validationErrors().email}>
                 <div class={styles.validationError}>{validationErrors().email}</div>
               </Show>
+              <Show when={emailChecks()[email()]}>
+                <div class={styles.validationError}>
+                  {t("This email is already taken. If it's you")},{' '}
+                  <a
+                    href="#"
+                    onClick={(event) => {
+                      event.preventDefault()
+                      changeSearchParam('mode', 'login')
+                    }}
+                  >
+                    {t('enter')}
+                  </a>
+                </div>
+              </Show>
             </div>
 
-            <Show when={emailChecks()[email()]}>
-              <div class={styles.validationError}>
-                {t("This email is already taken. If it's you")},{' '}
-                <a
-                  href="#"
-                  onClick={(event) => {
-                    event.preventDefault()
-                    changeSearchParam('mode', 'login')
-                  }}
-                >
-                  {t('enter')}
-                </a>
-              </div>
-            </Show>
             <div
               class={clsx('pretty-form__item', {
                 'pretty-form__item--error': validationErrors().password