delete col and wrap

src/client/js/components/Page/DisplaySwitcher.jsx

@@ -18,13 +18,9 @@ const DisplaySwitcher = (props) => {
     <>
       <TabContent activeTab={editorMode}>
         <TabPane tabId="view">
-          <div className="row">
-            <div className="col-8"></div>
-            <div className="d-lg-none d-md-block col-4">
-              <PageAccessories />
-            </div>
+          <div className="d-lg-none d-md-block d-flex pull-right">
+            <PageAccessories />
           </div>
-
           <Page />
         </TabPane>
         <TabPane tabId="edit">

src/client/styles/scss/_page-accessories-control.scss

@@ -1,5 +1,5 @@
 .grw-page-accessories-control {
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   line-height: 1.25;
   border-bottom: 1px solid transparent;