Remove rebass dependency

1 files changed, 5 insertions, 8 deletions

diff --git a/frontend/src/scenes/SplashScreen/components/HomeLayout.js b/frontend/src/scenes/SplashScreen/components/HomeLayout.js
index 08029d45..c9950f44 100644
--- a/frontend/src/scenes/SplashScreen/components/HomeLayout.js
+++ b/frontend/src/scenes/SplashScreen/components/HomeLayout.js
@@ -1,7 +1,6 @@
 // @flow
 import type { Node } from 'react';
 import React from 'react';
-import { Banner } from 'rebass';
 import { ErrorToastContainer } from '../../../components/errors/errorToastContainer';
 import background from './background-zeus-temple.jpg';
 import logo from './logo-7-wonders.png';
@@ -10,12 +9,10 @@ export type HomeLayoutProps = {
   children?: Node,
 }
 
-export const HomeLayout = ({ children }: HomeLayoutProps) => (
-  <div>
-    <Banner align="center" backgroundImage={background}>
-      <img src={logo} alt="Seven Wonders" />
-      {children}
-    </Banner>
-    <ErrorToastContainer />
+export const HomeLayout = ({children}: HomeLayoutProps) => (
+  <div style={{backgroundImage: `url(${background})`}}>
+    <img src={logo} alt="Seven Wonders"/>
+    {children}
+    <ErrorToastContainer/>
   </div>
 );