From 7d2e337ead43618d748a27fb358f15f61b977fb2 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Fri, 18 Jun 2021 12:19:51 +0300
Subject: [PATCH] Audio: Fix download button for old iOS; Tabs: Support
 non-native emojis (#1183)

---
 src/components/common/Audio.scss | 12 ++++++------
 src/components/ui/Tab.tsx        |  3 ++-
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/components/common/Audio.scss b/src/components/common/Audio.scss
index fb501d7ae..3d47abdcd 100644
--- a/src/components/common/Audio.scss
+++ b/src/components/common/Audio.scss
@@ -80,22 +80,22 @@
 
   .download-button {
     position: absolute;
-    width: 0.3rem !important;
-    height: 0.3rem !important;
+    width: 1.125rem !important;
+    height: 1.125rem !important;
+    padding: 0;
     left: 1.5rem;
     top: 1.5rem;
-    border: 2px solid var(--background-color);
-    z-index: 1;
+    border: .125rem solid var(--background-color);
 
     i {
-      font-size: 0.8rem;
+      font-size: 0.8125rem;
     }
   }
 
   &.bigger .download-button {
     left: 2rem;
     top: 2rem;
-    border: 2px solid var(--color-background);
+    border: .125rem solid var(--color-background);
   }
 
   .content {
diff --git a/src/components/ui/Tab.tsx b/src/components/ui/Tab.tsx
index ad8bfb616..066ce6fa5 100644
--- a/src/components/ui/Tab.tsx
+++ b/src/components/ui/Tab.tsx
@@ -3,6 +3,7 @@ import React, {
 } from '../../lib/teact/teact';
 
 import buildClassName from '../../util/buildClassName';
+import renderText from '../common/helpers/renderText';
 
 import './Tab.scss';
 
@@ -67,7 +68,7 @@ const Tab: FC<OwnProps> = ({
       ref={tabRef}
     >
       <span>
-        {title}
+        {renderText(title)}
         {!!badgeCount && (
           <span className={buildClassName('badge', isBadgeActive && 'active')}>{badgeCount}</span>
         )}