diff --git a/src/routes/Discover/Discover.js b/src/routes/Discover/Discover.js
index 7cca47066..72777a10c 100644
--- a/src/routes/Discover/Discover.js
+++ b/src/routes/Discover/Discover.js
@@ -27,7 +27,7 @@ const Discover = ({ urlParams, queryParams }) => {
                         <MetaItem
                             {...metaItem}
                             key={metaItem.id}
-                            className={classnames({ 'active': metaItem.id === selectedItem.id })}
+                            className={classnames('meta-item', { 'active': metaItem.id === selectedItem.id })}
                             onClick={changeMetaItem}
                         />
                     ))}
diff --git a/src/routes/Discover/styles.less b/src/routes/Discover/styles.less
index 84e18ba46..33c125e26 100644
--- a/src/routes/Discover/styles.less
+++ b/src/routes/Discover/styles.less
@@ -45,6 +45,12 @@
             align-items: center;
             padding: 0 1.4rem;
             overflow-y: auto;
+
+            .meta-item {
+                &:hover, &:focus, &:global(.active) {
+                    outline-offset: calc(-1 * var(--focus-outline-size));
+                }
+            }
         }
 
         .meta-preview-container {