diff --git a/static/app-strings.json b/static/app-strings.json
index 1c82b4533..337199728 100644
--- a/static/app-strings.json
+++ b/static/app-strings.json
@@ -2059,5 +2059,8 @@
   "by %channelTitle%": "by %channelTitle%",
   "Reset": "Reset",
   "Reset to original (previous) publish date": "Reset to original (previous) publish date",
+  "Trending for #Art": "Trending for #Art",
+  "Trending for #Education": "Trending for #Education",
+  "Trending for #Technology": "Trending for #Technology",
   "--end--": "--end--"
 }
diff --git a/ui/component/header/view.jsx b/ui/component/header/view.jsx
index fcf2334f3..c5ee304d0 100644
--- a/ui/component/header/view.jsx
+++ b/ui/component/header/view.jsx
@@ -15,6 +15,7 @@ import { useIsMobile } from 'effects/use-screensize';
 import NotificationBubble from 'component/notificationBubble';
 import NotificationHeaderButton from 'component/notificationHeaderButton';
 import ChannelThumbnail from 'component/channelThumbnail';
+import SkipNavigationButton from 'component/skipNavigationButton';
 // @if TARGET='app'
 import { remote } from 'electron';
 import { IS_MAC } from 'component/app/view';
@@ -64,26 +65,6 @@ type Props = {
   activeChannelStakedLevel: number,
 };
 
-// Allow screen reader users ( or keyboard navigation )
-// to jump to main content
-const SkipNavigationButton = () => {
-  const skipNavigation = (e) => {
-    // Match any focusable element
-    const focusableElementQuery = `
-      #main-content [tabindex]:not([tabindex="-1"]):not(:disabled),
-      #main-content a:not([aria-hidden]):not([tabindex="-1"]):not(:disabled),
-      #main-content button:not([aria-hidden]):not([tabindex="-1"]):not(:disabled)
-    `;
-    // Find first focusable element
-    const element = document.querySelector(focusableElementQuery);
-    // Trigger focus to skip navigation
-    if (element && element.focus) {
-      element.focus();
-    }
-  };
-  return <Button className={'skip-button'} onClick={skipNavigation} label={__('Skip Navigation')} button={'link'} />;
-};
-
 const Header = (props: Props) => {
   const {
     balance,
diff --git a/ui/component/skipNavigationButton/index.jsx b/ui/component/skipNavigationButton/index.jsx
new file mode 100644
index 000000000..6251e9da8
--- /dev/null
+++ b/ui/component/skipNavigationButton/index.jsx
@@ -0,0 +1,22 @@
+// @flow
+import React from 'react';
+import Button from 'component/button';
+// Allow screen reader users ( or keyboard navigation )
+// to jump to main content
+export default function SkipNavigationButton() {
+  const skipNavigation = (e) => {
+    // Match any focusable element
+    const focusableElementQuery = `
+      #main-content [tabindex]:not([tabindex="-1"]):not(:disabled),
+      #main-content a:not([aria-hidden]):not([tabindex="-1"]):not(:disabled),
+      #main-content button:not([aria-hidden]):not([tabindex="-1"]):not(:disabled)
+    `;
+    // Find first focusable element
+    const element = document.querySelector(focusableElementQuery);
+    // Trigger focus to skip navigation
+    if (element && element.focus) {
+      element.focus();
+    }
+  };
+  return <Button className={'skip-button'} onClick={skipNavigation} label={__('Skip Navigation')} button={'link'} />;
+}