diff --git a/src/components/CanvasAnnotations.js b/src/components/CanvasAnnotations.js
index 6a0fd8453a45c8bc6d324808e223b2f42ad577ae..365a207674b734cb792a863c1256f2d39e192054 100644
--- a/src/components/CanvasAnnotations.js
+++ b/src/components/CanvasAnnotations.js
@@ -94,6 +94,7 @@ export class CanvasAnnotations extends Component {
           <TextField
             label={t('searchPlaceholderAnnotation')}
             onChange={this.handleAnnotationSearch}
+            className={classes.searchAnnotationsTextfield}
             InputProps={{
               endAdornment: (
                 <div className={classes.endAdornment}>
diff --git a/src/containers/CanvasAnnotations.js b/src/containers/CanvasAnnotations.js
index 6f27ab5fedaab6f14487366e89b2f5f65bcea138..b334dcfcb32df152c3848b53c543ae2c5b7304ab 100644
--- a/src/containers/CanvasAnnotations.js
+++ b/src/containers/CanvasAnnotations.js
@@ -99,53 +99,9 @@ const styles = theme => ({
   menuButton: {
     marginRight: theme.spacing(2),
   },
-  search: {
-    '&:hover': {
-      backgroundColor: 'grey',
-    },
-    backgroundColor: 'lightgray',
-    borderRadius: theme.shape.borderRadius,
-    marginLeft: 0,
-    marginRight: theme.spacing(2),
-    position: 'relative',
-    [theme.breakpoints.up('sm')]: {
-      marginLeft: theme.spacing(3),
-      width: 'auto',
-    },
+  searchAnnotationsTextfield: {
     width: '100%',
   },
-  searchIcon: {
-    alignItems: 'center',
-    display: 'flex',
-    height: '100%',
-    justifyContent: 'center',
-    padding: theme.spacing(0, 2),
-    pointerEvents: 'none',
-    position: 'absolute',
-  },
-  sectionDesktop: {
-    display: 'none',
-    [theme.breakpoints.up('md')]: {
-      display: 'flex',
-    },
-  },
-  sectionHeading: {
-    paddingLeft: theme.spacing(2),
-    paddingRight: theme.spacing(1),
-    paddingTop: theme.spacing(2),
-  },
-  sectionMobile: {
-    display: 'flex',
-    [theme.breakpoints.up('md')]: {
-      display: 'none',
-    },
-  },
-  title: {
-    display: 'none',
-    [theme.breakpoints.up('sm')]: {
-      display: 'block',
-    },
-  },
 });
 
 const enhance = compose(