diff --git a/ui/component/claimList/view.jsx b/ui/component/claimList/view.jsx
index 273954e72..5ebf84990 100644
--- a/ui/component/claimList/view.jsx
+++ b/ui/component/claimList/view.jsx
@@ -1,5 +1,5 @@
 // @flow
-import { MAIN_CLASS } from 'component/page/view';
+import { MAIN_CLASS } from 'constants/classnames';
 import type { Node } from 'react';
 import React, { useEffect } from 'react';
 import classnames from 'classnames';
diff --git a/ui/component/page/view.jsx b/ui/component/page/view.jsx
index d8acf8a80..a78c397c3 100644
--- a/ui/component/page/view.jsx
+++ b/ui/component/page/view.jsx
@@ -2,6 +2,7 @@
 import type { Node } from 'react';
 import React, { Fragment } from 'react';
 import classnames from 'classnames';
+import { MAIN_CLASS } from 'constants/classnames';
 import { lazyImport } from 'util/lazyImport';
 import SideNavigation from 'component/sideNavigation';
 import SettingsSideNavigation from 'component/settingsSideNavigation';
@@ -16,12 +17,9 @@ import { parseURI } from 'util/lbryURI';
 
 const Footer = lazyImport(() => import('web/component/footer' /* webpackChunkName: "footer" */));
 
-export const MAIN_CLASS = 'main';
 type Props = {
   children: Node | Array<Node>,
   className: ?string,
-  autoUpdateDownloaded: boolean,
-  isUpgradeAvailable: boolean,
   authPage: boolean,
   filePage: boolean,
   settingsPage?: boolean,
diff --git a/ui/constants/classnames.js b/ui/constants/classnames.js
index f6411605b..ebd583dd8 100644
--- a/ui/constants/classnames.js
+++ b/ui/constants/classnames.js
@@ -1 +1,2 @@
+export const MAIN_CLASS = 'main';
 export const COMMENT_HIGHLIGHTED = 'comment--highlighted';