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 = ({ ref={tabRef} > - {title} + {renderText(title)} {!!badgeCount && ( {badgeCount} )}