From 26f1a632708c30b799565a3fe2b3509b749cdfe3 Mon Sep 17 00:00:00 2001
From: Alex Terentiev <aleksei.terentiev@gmail.com>
Date: Mon, 15 May 2017 00:30:05 -0700
Subject: [PATCH] Support of both Fabric < 6.0.0 and 6.0.0 (#206)

---
 .../src/webparts/sidePanel/components/WebPart/SidePanel.tsx     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/samples/react-side-panel/src/webparts/sidePanel/components/WebPart/SidePanel.tsx b/samples/react-side-panel/src/webparts/sidePanel/components/WebPart/SidePanel.tsx
index 2a6bb19cb..221b81a93 100644
--- a/samples/react-side-panel/src/webparts/sidePanel/components/WebPart/SidePanel.tsx
+++ b/samples/react-side-panel/src/webparts/sidePanel/components/WebPart/SidePanel.tsx
@@ -25,7 +25,7 @@ export default class SidePanel extends React.Component<ISidePanelProps, ISidePan
       <div className={styles.helloWorld}>
         <div className={styles.container}>
           <div className={`ms-Grid-row ms-bgColor-themeDark ms-fontColor-white ${styles.row}`}>
-            <div className="ms-Grid-col ms-u-lg10 ms-u-xl8 ms-u-xlPush2 ms-u-lgPush1">
+            <div className="ms-Grid-col ms-u-lg10 ms-u-xl8 ms-u-xlPush2 ms-u-lgPush1 ms-lg10 ms-xl8 ms-xlPush2 ms-lgPush1">
               <p className="ms-font-l ms-fontColor-white">This Web Part shows how to open a side panel.</p>
               <p className="ms-font-l ms-fontColor-white">Please, click the button below.</p>
               <Button onClick={this.onButtonClick.bind(this)} buttonType={ButtonType.default}>{this.state.isOpen ? 'Hide Panel' : 'Show Panel'}</Button>