diff --git a/src/routes/Board/BoardRow/BoardRow.js b/src/common/MetaRow/MetaRow.js
similarity index 92%
rename from src/routes/Board/BoardRow/BoardRow.js
rename to src/common/MetaRow/MetaRow.js
index 5484a0543..8ae3c4991 100644
--- a/src/routes/Board/BoardRow/BoardRow.js
+++ b/src/common/MetaRow/MetaRow.js
@@ -2,12 +2,13 @@ const React = require('react');
 const PropTypes = require('prop-types');
 const classnames = require('classnames');
 const Icon = require('stremio-icons/dom');
-const { Button, MetaItem } = require('stremio/common');
+const Button = require('stremio/common/Button');
+const MetaItem = require('stremio/common/MetaItem');
 const styles = require('./styles');
 
-const BoardRow = ({ className, title, message, items, itemMenuOptions }) => {
+const MetaRow = ({ className, title, message, items, itemMenuOptions }) => {
     return (
-        <div className={classnames(className, styles['board-row-container'])}>
+        <div className={classnames(className, styles['meta-row-container'])}>
             {
                 typeof title === 'string' && title.length > 0 ?
                     <div className={styles['title-container']}>{title}</div>
@@ -56,7 +57,7 @@ const BoardRow = ({ className, title, message, items, itemMenuOptions }) => {
     );
 };
 
-BoardRow.propTypes = {
+MetaRow.propTypes = {
     className: PropTypes.string,
     title: PropTypes.string,
     message: PropTypes.string,
@@ -68,4 +69,4 @@ BoardRow.propTypes = {
     itemMenuOptions: PropTypes.array
 };
 
-module.exports = BoardRow;
+module.exports = MetaRow;
diff --git a/src/common/MetaRow/index.js b/src/common/MetaRow/index.js
new file mode 100644
index 000000000..2cae03e87
--- /dev/null
+++ b/src/common/MetaRow/index.js
@@ -0,0 +1,3 @@
+const MetaRow = require('./MetaRow');
+
+module.exports = MetaRow;
diff --git a/src/routes/Board/BoardRow/styles.less b/src/common/MetaRow/styles.less
similarity index 98%
rename from src/routes/Board/BoardRow/styles.less
rename to src/common/MetaRow/styles.less
index 869dc1730..98265c7a1 100644
--- a/src/routes/Board/BoardRow/styles.less
+++ b/src/common/MetaRow/styles.less
@@ -1,4 +1,4 @@
-.board-row-container {
+.meta-row-container {
     display: grid;
     grid-template-columns: 6fr minmax(12rem, 1fr);
     grid-template-areas:
diff --git a/src/routes/Board/BoardRowPlaceholder/BoardRowPlaceholder.js b/src/common/MetaRowPlaceholder/MetaRowPlaceholder.js
similarity index 89%
rename from src/routes/Board/BoardRowPlaceholder/BoardRowPlaceholder.js
rename to src/common/MetaRowPlaceholder/MetaRowPlaceholder.js
index d6311b572..ca36a5298 100644
--- a/src/routes/Board/BoardRowPlaceholder/BoardRowPlaceholder.js
+++ b/src/common/MetaRowPlaceholder/MetaRowPlaceholder.js
@@ -3,9 +3,9 @@ const PropTypes = require('prop-types');
 const classnames = require('classnames');
 const styles = require('./styles');
 
-const BoardRowPlaceholder = ({ className }) => {
+const MetaRowPlaceholder = ({ className }) => {
     return (
-        <div className={classnames(className, styles['board-row-placeholder-container'])}>
+        <div className={classnames(className, styles['meta-row-placeholder-container'])}>
             <div className={styles['title-container']}>
                 <div className={styles['title-label-container']} />
             </div>
@@ -45,8 +45,8 @@ const BoardRowPlaceholder = ({ className }) => {
     );
 };
 
-BoardRowPlaceholder.propTypes = {
+MetaRowPlaceholder.propTypes = {
     className: PropTypes.string
 };
 
-module.exports = BoardRowPlaceholder;
+module.exports = MetaRowPlaceholder;
diff --git a/src/common/MetaRowPlaceholder/index.js b/src/common/MetaRowPlaceholder/index.js
new file mode 100644
index 000000000..53e7530a8
--- /dev/null
+++ b/src/common/MetaRowPlaceholder/index.js
@@ -0,0 +1,3 @@
+const MetaRowPlaceholder = require('./MetaRowPlaceholder');
+
+module.exports = MetaRowPlaceholder;
diff --git a/src/routes/Board/BoardRowPlaceholder/styles.less b/src/common/MetaRowPlaceholder/styles.less
similarity index 95%
rename from src/routes/Board/BoardRowPlaceholder/styles.less
rename to src/common/MetaRowPlaceholder/styles.less
index 44f1d773b..edb250366 100644
--- a/src/routes/Board/BoardRowPlaceholder/styles.less
+++ b/src/common/MetaRowPlaceholder/styles.less
@@ -1,4 +1,4 @@
-.board-row-placeholder-container {
+.meta-row-placeholder-container {
     display: grid;
     grid-template-columns: 6fr minmax(12rem, 1fr);
     grid-template-areas:
diff --git a/src/common/index.js b/src/common/index.js
index 30c12e39c..b22b17376 100644
--- a/src/common/index.js
+++ b/src/common/index.js
@@ -6,6 +6,8 @@ const MainNavBar = require('./MainNavBar');
 const MetaItem = require('./MetaItem');
 const MetaPreview = require('./MetaPreview');
 const MetaPreviewPlaceholder = require('./MetaPreviewPlaceholder');
+const MetaRow = require('./MetaRow');
+const MetaRowPlaceholder = require('./MetaRowPlaceholder');
 const NavBar = require('./NavBar');
 const PlayIconCircleCentered = require('./PlayIconCircleCentered');
 const Popup = require('./Popup');
@@ -29,6 +31,8 @@ module.exports = {
     MetaItem,
     MetaPreview,
     MetaPreviewPlaceholder,
+    MetaRow,
+    MetaRowPlaceholder,
     NavBar,
     PlayIconCircleCentered,
     Popup,
diff --git a/src/routes/Board/Board.js b/src/routes/Board/Board.js
index b7dc6a13d..c8799d5e4 100644
--- a/src/routes/Board/Board.js
+++ b/src/routes/Board/Board.js
@@ -1,8 +1,6 @@
 const React = require('react');
 const classnames = require('classnames');
-const { MainNavBar, placeholderStyles } = require('stremio/common');
-const BoardRow = require('./BoardRow');
-const BoardRowPlaceholder = require('./BoardRowPlaceholder');
+const { MainNavBar, MetaRow, MetaRowPlaceholder, placeholderStyles } = require('stremio/common');
 const useCatalogs = require('./useCatalogs');
 const styles = require('./styles');
 
@@ -27,7 +25,7 @@ const Board = () => {
                     switch (content.type) {
                         case 'Ready':
                             return (
-                                <BoardRow
+                                <MetaRow
                                     key={`${index}${req.base}${content.type}`}
                                     className={styles['board-row']}
                                     title={`${req.path.id} - ${req.path.type_name}`}
@@ -39,7 +37,7 @@ const Board = () => {
                             );
                         case 'Message':
                             return (
-                                <BoardRow
+                                <MetaRow
                                     key={`${index}${req.base}${content.type}`}
                                     className={styles['board-row']}
                                     title={`${req.path.id} - ${req.path.type_name}`}
@@ -48,7 +46,7 @@ const Board = () => {
                             );
                         case 'Loading':
                             return (
-                                <BoardRowPlaceholder
+                                <MetaRowPlaceholder
                                     key={`${index}${req.base}${content.type}`}
                                     className={classnames(styles['board-row-placeholder'], placeholderStyles['placeholder-container'])}
                                 />
diff --git a/src/routes/Board/BoardRow/index.js b/src/routes/Board/BoardRow/index.js
deleted file mode 100644
index 7ce90b72b..000000000
--- a/src/routes/Board/BoardRow/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-const BoardRow = require('./BoardRow');
-
-module.exports = BoardRow;
diff --git a/src/routes/Board/BoardRowPlaceholder/index.js b/src/routes/Board/BoardRowPlaceholder/index.js
deleted file mode 100644
index 940c66899..000000000
--- a/src/routes/Board/BoardRowPlaceholder/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-const BoardRowPlaceholder = require('./BoardRowPlaceholder');
-
-module.exports = BoardRowPlaceholder;