diff --git a/src/components/WindowSideBarCanvasPanel.js b/src/components/WindowSideBarCanvasPanel.js
index 2e752032eef19ead37dcef8b4aa16264bb090d81..e0e241f5c9a009d7b37039675fa7ec5b0b6f1288 100644
--- a/src/components/WindowSideBarCanvasPanel.js
+++ b/src/components/WindowSideBarCanvasPanel.js
@@ -44,17 +44,19 @@ class WindowSideBarCanvasPanel extends Component {
                 <ListItem
                   key={canvas.id}
                 >
-                  <CanvasThumbnail
-                    className={classNames(classes.clickable)}
-                    isValid={isValid}
-                    imageUrl={validationCanvas.thumbnail(config.canvasNavigation.height)}
-                    onClick={onClick}
-                    style={{
-                      cursor: 'pointer',
-                      height: config.canvasNavigation.height,
-                      width: isValid ? WindowSideBarCanvasPanel.calculateScaledWidth(config.canvasNavigation.height, validationCanvas.aspectRatio) : 'auto',
-                    }}
-                  />
+                  <div>
+                    <CanvasThumbnail
+                      className={classNames(classes.clickable)}
+                      isValid={isValid}
+                      imageUrl={validationCanvas.thumbnail(config.canvasNavigation.height)}
+                      onClick={onClick}
+                      style={{
+                        cursor: 'pointer',
+                        height: config.canvasNavigation.height,
+                        width: isValid ? WindowSideBarCanvasPanel.calculateScaledWidth(config.canvasNavigation.height, validationCanvas.aspectRatio) : 'auto',
+                      }}
+                    />
+                  </div>
                   <Typography
                     className={classNames(classes.clickable, classes.label)}
                     onClick={onClick}