Fixed style in the topics block on the feed page

public/locales/en/translation.json

@@ -246,6 +246,7 @@
   "Top viewed": "Most viewed",
   "Topic is supported by": "Topic is supported by",
   "Topics": "Topics",
+  "Hot topics": "Hot topics",
   "Topics which supported by author": "Topics which supported by author",
   "Try to find another way": "Try to find another way",
   "Unfollow": "Unfollow",

public/locales/ru/translation.json

@@ -259,6 +259,7 @@
   "Top viewed": "Самое читаемое",
   "Topic is supported by": "Тему поддерживают",
   "Topics": "Темы",
+  "Hot topics": "Горячие темы",
   "Topics which supported by author": "Автор поддерживает темы",
   "Try to find another way": "Попробуйте найти по-другому",
   "Unfollow": "Отписаться",

src/components/Views/Feed.module.scss

@@ -53,12 +53,14 @@
 .topic {
   background: transparentize(#2638d9, 0.95);
   display: inline-block;
+  @include font-size(1.2rem);
   font-weight: bold;
-  line-height: 1.2;
-  margin: 0 0.5em 0.5em 0;
-  padding: 0.6em 1em;
+  line-height: 3.4rem;
+  margin: 0 0.6rem 0.6rem 0;
+  padding: 0 1.2rem;
   position: relative;
   vertical-align: middle;
+  white-space: nowrap;
 
   &:hover {
     background: #2638d9;

src/components/Views/Feed.tsx

@@ -177,7 +177,7 @@ export const FeedView = () => {
 
             <Show when={topTopics().length > 0}>
               <section class={styles.asideSection}>
-                <h4>{t('Topics')}</h4>
+                <h4>{t('Hot topics')}</h4>
                 <For each={topTopics().slice(0, 5)}>
                   {(topic) => (
                     <span class={clsx(stylesTopic.shoutTopic, styles.topic)}>