diff --git a/src/components/ResultCards.jsx b/src/components/ResultCards.jsx
index 21bf380..dcc6a8f 100644
--- a/src/components/ResultCards.jsx
+++ b/src/components/ResultCards.jsx
@@ -1,35 +1,17 @@
 import React from 'react'
 import Link from 'gatsby-link'
 
-import { withStyles } from 'material-ui/styles'
 import Card, { CardActions, CardContent, CardMedia } from 'material-ui/Card'
 import Button from 'material-ui/Button'
 import Typography from 'material-ui/Typography'
 import Grid from 'material-ui/Grid'
 
-const cardStyle = {
-  maxWidth: 345,
-}
-
-const mediaStyle = {
-  height: 200,
-}
-
-const styles = theme => ({
-  cardStyle: {
-    maxWidth: 345,
-  },
-  mediaStyle: {
-    height: 200,
-  }
-});
-
 const ResultCards = ({image, title, abstract, link}) => (
 
     <Grid item xs={12} sm={6} lg={4}>
-      <Card className={cardStyle}>
+      <Card style={{ maxWidth: 345 }}>
         <CardMedia
-          className={mediaStyle}
+          style={{ height: 200 }}
           image={image}
           title={abstract}
         />
@@ -55,4 +37,4 @@ const ResultCards = ({image, title, abstract, link}) => (
     </Grid>
 )
 
-export default withStyles(styles)(ResultCards);
+export default ResultCards
diff --git a/src/pages/search.jsx b/src/pages/search.jsx
index 9365986..c3956fc 100644
--- a/src/pages/search.jsx
+++ b/src/pages/search.jsx
@@ -3,7 +3,6 @@ import Link from 'gatsby-link'
 import elasticsearch from 'elasticsearch'
 
 import { withStyles } from 'material-ui/styles'
-import Card, { CardActions, CardContent, CardMedia } from 'material-ui/Card'
 import Grid from 'material-ui/Grid'
 import Button from 'material-ui/Button'