diff --git a/client/src/views/BannerTopBar/index.js b/client/src/views/BannerTopBar/index.js
deleted file mode 100644
index 255e9888d..000000000
--- a/client/src/views/BannerTopBar/index.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react'
-import Typography from '@material-ui/core/Typography'
-
-const BannerTopBar = ({
- size,
- backgroundUrl,
- title,
- text
-}) => (
-
-)
-
-export default BannerTopBar
diff --git a/client/src/views/callback/index.js b/client/src/views/callback/index.js
index 2dbf4c27f..11a90d15c 100644
--- a/client/src/views/callback/index.js
+++ b/client/src/views/callback/index.js
@@ -1,7 +1,12 @@
import React from 'react'
-import { MessageCard } from '@advancedalgos/web-components'
+import BannerTopBar from '../common'
-const Callback = () =>
+const Callback = () =>
export default Callback
diff --git a/client/src/views/charts/index.js b/client/src/views/charts/index.js
index 9d9d7b308..d4fed8b1c 100644
--- a/client/src/views/charts/index.js
+++ b/client/src/views/charts/index.js
@@ -2,7 +2,7 @@ import React, { Component } from 'react'
import { withStyles } from '@material-ui/core/styles'
import { connect } from 'react-redux'
-import BannerTopBar from '../BannerTopBar'
+import BannerTopBar from '../common'
const styles = theme => ({
'@global': {
diff --git a/client/src/views/home/index.js b/client/src/views/home/index.js
index e4d01a623..6b19f4e80 100644
--- a/client/src/views/home/index.js
+++ b/client/src/views/home/index.js
@@ -1,5 +1,5 @@
import React, { Component } from 'react'
-import BannerTopBar from '../BannerTopBar'
+import BannerTopBar from '../common'
import { Typography } from '@material-ui/core'
class Home extends Component {