diff --git a/ui/component/buttonNavigation/index.js b/ui/component/buttonNavigation/index.js
deleted file mode 100644
index 9633b952d..000000000
--- a/ui/component/buttonNavigation/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import ButtonNavigation from './view';
-
-export default ButtonNavigation;
diff --git a/ui/component/header/view.jsx b/ui/component/header/view.jsx
index 7d4005c3a..ecba00685 100644
--- a/ui/component/header/view.jsx
+++ b/ui/component/header/view.jsx
@@ -11,7 +11,7 @@ import WunderBar from 'component/wunderbar';
 import Icon from 'component/common/icon';
 import { Menu, MenuList, MenuButton, MenuItem } from '@reach/menu-button';
 import Tooltip from 'component/common/tooltip';
-import ButtonNavigation from 'component/buttonNavigation';
+import NavigationButton from 'component/navigationButton';
 // @if TARGET='app'
 import { IS_MAC } from 'component/app/view';
 // @endif
@@ -114,8 +114,8 @@ const Header = (props: Props) => {
           {/* @if TARGET='app' */}
           {!authHeader && (
             <div className="header__navigation-arrows">
-              <ButtonNavigation isBackward history={history} />
-              <ButtonNavigation isBackward={false} history={history} />
+              <NavigationButton isBackward history={history} />
+              <NavigationButton isBackward={false} history={history} />
             </div>
           )}
           {/* @endif */}
diff --git a/ui/component/navigationButton/index.js b/ui/component/navigationButton/index.js
new file mode 100644
index 000000000..81cb43a8e
--- /dev/null
+++ b/ui/component/navigationButton/index.js
@@ -0,0 +1,3 @@
+import NavigationButton from './view';
+
+export default NavigationButton;
diff --git a/ui/component/buttonNavigation/view.jsx b/ui/component/navigationButton/view.jsx
similarity index 96%
rename from ui/component/buttonNavigation/view.jsx
rename to ui/component/navigationButton/view.jsx
index df5e115a2..a0d9dfb01 100644
--- a/ui/component/buttonNavigation/view.jsx
+++ b/ui/component/navigationButton/view.jsx
@@ -24,7 +24,7 @@ const sliceEntries = (currentIndex, entries, historyLength, isBackward) => {
   return entries.slice(l, r);
 };
 
-const ButtonNavigation = (props: Props) => {
+const NavigationButton = (props: Props) => {
   const { isBackward, history } = props;
   const { entries, go } = history;
   const currentIndex = history.index;
@@ -72,4 +72,4 @@ const ButtonNavigation = (props: Props) => {
     </div>
   );
 };
-export default ButtonNavigation;
+export default NavigationButton;