From 53b8b9a644a5b64386e59b18ec3866156f61af49 Mon Sep 17 00:00:00 2001
From: Catherine Liu <catherineqliu@outlook.com>
Date: Tue, 4 Dec 2018 14:14:09 -0700
Subject: [PATCH] Fixed class names in page manager (#26573)

---
 .../public/components/page_manager/page_manager.js | 14 ++++----------
 1 file changed, 4 insertions(+), 10 deletions(-)

diff --git a/x-pack/plugins/canvas/public/components/page_manager/page_manager.js b/x-pack/plugins/canvas/public/components/page_manager/page_manager.js
index 43e57e97127e8..8cbe06d2e26bc 100644
--- a/x-pack/plugins/canvas/public/components/page_manager/page_manager.js
+++ b/x-pack/plugins/canvas/public/components/page_manager/page_manager.js
@@ -170,22 +170,16 @@ export class PageManager extends React.PureComponent {
               <Droppable droppableId="droppable-page-manager" direction="horizontal">
                 {provided => (
                   <div
+                    className={`canvasPageManager__pageList ${
+                      showTrayPop ? 'canvasPageManager--trayPop' : ''
+                    }`}
                     ref={el => {
                       this.pageListRef = el;
                       provided.innerRef(el);
                     }}
                     {...provided.droppableProps}
                   >
-                    {Style.it(
-                      workpadCSS,
-                      <div
-                        className={`canvasPageManager__pageList ${
-                          showTrayPop ? 'canvasPageManager--trayPop' : ''
-                        }`}
-                      >
-                        {pages.map(this.renderPage)}
-                      </div>
-                    )}
+                    {Style.it(workpadCSS, <div>{pages.map(this.renderPage)}</div>)}
                     {provided.placeholder}
                   </div>
                 )}