fix-error

src/components/CanvasAnnotations.js

@@ -166,34 +166,17 @@ export class CanvasAnnotations extends Component {
                   onMouseEnter={() => this.handleAnnotationHover(annotation)}
                   onMouseLeave={this.handleAnnotationBlur}
                 >
-                  <ListItemText primaryTypographyProps={{ variant: 'body2' }}>
-                    <SanitizedHtml
-                      ruleSet={htmlSanitizationRuleSet}
-                      htmlString={annotation.content}
-                    />
-                    <div>
-                      {
-                        annotation.tags.map(tag => (
-                          <Chip
-                            size="small"
-                            variant="outlined"
-                            label={tag}
-                            id={tag}
-                            sx={theme => ({
-                              backgroundColor: theme.palette.background.paper,
-                              marginRight: theme.spacing(0.5),
-                              marginTop: theme.spacing(1),
-                            })}
-                            key={tag.toString()}
-                          />
+                  <ListItemText
+                      primaryTypographyProps={{ variant: 'body2' }}
+                      primary={
+                        <SanitizedHtml ruleSet={htmlSanitizationRuleSet} htmlString={annotation.content} />
+                      }
+                      secondary={
+                        annotation.tags.map((tag) => (
+                            <Chip component="span" size="small" variant="outlined" label={tag} id={tag} key={tag.toString()} />
                         ))
                       }
-                      <AnnotationManifestsAccordion
-                        annotation={annotation}
-                        t={t}
                   />
-                    </div>
-                  </ListItemText>
                 </MenuItem>
               </ScrollTo>
             ))