diff --git a/client/src/Components/HostedEvents/Event.js b/client/src/Components/HostedEvents/Event.js
index e222c7731..24833190c 100644
--- a/client/src/Components/HostedEvents/Event.js
+++ b/client/src/Components/HostedEvents/Event.js
@@ -7,34 +7,7 @@ import {
   Button
 } from '@material-ui/core'
 import { withStyles } from '@material-ui/core/styles'
-
-const styles = theme => ({
-  root: {
-    flexGrow: 1,
-    padding: 20,
-    margin: 10
-  },
-  image: {
-    width: 128,
-    height: '100%',
-    cursor: 'default'
-  },
-  img: {
-    margin: 'auto',
-    display: 'block',
-    maxWidth: '100%',
-    maxHeight: '100%'
-
-  },
-  buttonList: {
-    margin: theme.spacing.unit,
-    float: 'right'
-  },
-  buttonGrid: {
-    marginTop: -20
-  }
-
-})
+import styles from './styles'
 
 class Event extends React.Component {
   render () {
@@ -48,7 +21,7 @@ class Event extends React.Component {
       description
     } = this.props.event
     return (
-      <Paper className={classes.root}>
+      <Paper className={classes.card}>
         <Grid container spacing={16}>
           <Grid item xs>
             <Typography gutterBottom variant='headline'> {name} </Typography>
diff --git a/client/src/Components/HostedEvents/styles.js b/client/src/Components/HostedEvents/styles.js
index 175dc52e5..90baf7f60 100644
--- a/client/src/Components/HostedEvents/styles.js
+++ b/client/src/Components/HostedEvents/styles.js
@@ -1,4 +1,19 @@
 const styles = theme => ({
+  card: {
+    flexGrow: 1,
+    padding: 20,
+    marginTop: 20,
+    marginBottom: 20,
+    marginLeft: 400,
+    marginRight: 400
+  },
+  buttonList: {
+    margin: theme.spacing.unit,
+    float: 'right'
+  },
+  buttonGrid: {
+    marginTop: -20
+  }
 })
 
 export default styles
diff --git a/client/src/Components/Search/Event.js b/client/src/Components/Search/Event.js
index 756bac3d8..5b88cf195 100644
--- a/client/src/Components/Search/Event.js
+++ b/client/src/Components/Search/Event.js
@@ -7,34 +7,7 @@ import {
   Button
 } from '@material-ui/core'
 import { withStyles } from '@material-ui/core/styles'
-
-const styles = theme => ({
-  root: {
-    flexGrow: 1,
-    padding: 20,
-    margin: 10
-  },
-  image: {
-    width: 128,
-    height: '100%',
-    cursor: 'default'
-  },
-  img: {
-    margin: 'auto',
-    display: 'block',
-    maxWidth: '100%',
-    maxHeight: '100%'
-
-  },
-  buttonList: {
-    margin: theme.spacing.unit,
-    float: 'right'
-  },
-  buttonGrid: {
-    marginTop: -20
-  }
-
-})
+import styles from './styles'
 
 class Event extends React.Component {
   render () {
@@ -48,7 +21,7 @@ class Event extends React.Component {
       description
     } = this.props.event
     return (
-      <Paper className={classes.root}>
+      <Paper className={classes.card}>
         <Grid container spacing={16}>
           <Grid item xs>
             <Typography gutterBottom variant='headline'> {name} </Typography>
diff --git a/client/src/Components/Search/styles.js b/client/src/Components/Search/styles.js
index 175dc52e5..90baf7f60 100644
--- a/client/src/Components/Search/styles.js
+++ b/client/src/Components/Search/styles.js
@@ -1,4 +1,19 @@
 const styles = theme => ({
+  card: {
+    flexGrow: 1,
+    padding: 20,
+    marginTop: 20,
+    marginBottom: 20,
+    marginLeft: 400,
+    marginRight: 400
+  },
+  buttonList: {
+    margin: theme.spacing.unit,
+    float: 'right'
+  },
+  buttonGrid: {
+    marginTop: -20
+  }
 })
 
 export default styles