diff --git a/client/src/views/callback/index.js b/client/src/views/callback/index.js
index 11a90d15c..01ae059fa 100644
--- a/client/src/views/callback/index.js
+++ b/client/src/views/callback/index.js
@@ -1,6 +1,6 @@
 import React from 'react'
 
-import BannerTopBar from '../common'
+import { BannerTopBar } from '../common'
 
 const Callback = () => <BannerTopBar
   size='big'
diff --git a/client/src/views/charts/index.js b/client/src/views/charts/index.js
index d4fed8b1c..29589ff2a 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 '../common'
+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 6b19f4e80..c38b24f5a 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 '../common'
+import { BannerTopBar } from '../common'
 import { Typography } from '@material-ui/core'
 
 class Home extends Component {