From 2c27e16f0d97ef5ddd6678707a5ef61315d70941 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Thu, 15 Apr 2021 13:16:39 +0300
Subject: [PATCH] Left Menu: Spanish translation is too long (#1005)

---
 src/components/left/main/LeftMainHeader.tsx | 2 +-
 src/components/ui/MenuItem.scss             | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/left/main/LeftMainHeader.tsx b/src/components/left/main/LeftMainHeader.tsx
index 9c93ed6be..86dfede1d 100644
--- a/src/components/left/main/LeftMainHeader.tsx
+++ b/src/components/left/main/LeftMainHeader.tsx
@@ -205,7 +205,7 @@ const LeftMainHeader: FC<OwnProps & StateProps & DispatchProps> = ({
             icon="animations"
             onClick={handleAnimationLevelChange}
           >
-            <span className="menu-item-name">{lang('SettingsSearch.Synonyms.Appearance.Animations')}</span>
+            <span className="menu-item-name capitalize">{lang('Appearance.Animations').toLowerCase()}</span>
             <Switcher
               id="animations"
               label="Toggle Animations"
diff --git a/src/components/ui/MenuItem.scss b/src/components/ui/MenuItem.scss
index 3df86cc0e..7d5b3e23d 100644
--- a/src/components/ui/MenuItem.scss
+++ b/src/components/ui/MenuItem.scss
@@ -28,6 +28,10 @@
 
   .menu-item-name {
     margin-right: 2rem;
+
+    &.capitalize {
+      text-transform: capitalize;
+    }
   }
 
   &.disabled {