From 32912803f9d25961cd6223b66f8cded20f6df990 Mon Sep 17 00:00:00 2001
From: Animenosekai <40539549+Animenosekai@users.noreply.github.com>
Date: Mon, 6 Jun 2022 00:48:42 +0200
Subject: [PATCH] [update] adapt chevron position according to language name

---
 website/components/common/footer.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/website/components/common/footer.tsx b/website/components/common/footer.tsx
index c089de4..8b81536 100644
--- a/website/components/common/footer.tsx
+++ b/website/components/common/footer.tsx
@@ -2,7 +2,6 @@ import * as localizations from "../../localizations";
 
 import { IconChevronUp } from "@tabler/icons";
 import { useLanguage } from "contexts/language";
-import { useRef } from "react";
 
 export const Footer = () => {
     const { strings, setLanguage } = useLanguage();
@@ -17,7 +16,7 @@ export const Footer = () => {
                         })
                     }
                 </select>
-                <IconChevronUp className="-ml-7" />
+                <IconChevronUp className={`-ml-${10 - strings.name.length}`} />
             </div>
         </div>
     </footer>