diff --git a/ui/component/claimList/view.jsx b/ui/component/claimList/view.jsx
index 3531e4d59..aeac02b0a 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 1cb21c7ae..e70ad61be 100644
--- a/ui/component/page/view.jsx
+++ b/ui/component/page/view.jsx
@@ -13,7 +13,7 @@ import { useHistory } from 'react-router';
 import { useIsMobile, useIsMediumScreen } from 'effects/use-screensize';
 import { parseURI } from 'util/lbryURI';
 
-export const MAIN_CLASS = 'main';
+import { MAIN_CLASS } from 'constants/classnames';
 type Props = {
   children: Node | Array<Node>,
   className: ?string,
diff --git a/ui/constants/classnames.js b/ui/constants/classnames.js
index f6411605b..26699d037 100644
--- a/ui/constants/classnames.js
+++ b/ui/constants/classnames.js
@@ -1 +1,2 @@
 export const COMMENT_HIGHLIGHTED = 'comment--highlighted';
+export const MAIN_CLASS = 'main';