fix

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

@@ -18,13 +18,13 @@ const DisplaySwitcher = (props) => {
     <>
       <TabContent activeTab={editorMode}>
         <TabPane tabId="view">
-          <div className="d-lg-none d-md-block ">
-            <div className="d-flex pull-right">
-              <PageAccessories />
-            </div>
-            <div>&nbsp;</div>
-            <div className="border-bottom">&nbsp;</div>
+          {/* <div className="d-lg-none d-md-block "> */}
+          <div className="d-flex justify-content-end border-bottom">
+            <PageAccessories />
           </div>
+          {/* <div>&nbsp;</div>
+            <div className="border-bottom">&nbsp;</div> */}
+          {/* </div> */}
 
           {/* <div className="d-lg-none d-md-block border-bottom">&nbsp; <br /></div> */}
 

src/client/js/components/PageAccessoriesModalControl.jsx

@@ -51,7 +51,7 @@ const PageAccessoriesModalControl = (props) => {
   }, [isGuestUser, isSharedUser]);
 
   return (
-    <div className="grw-page-accessories-control d-flex align-items-center justify-content-between pb-1">
+    <div className="grw-page-accessories-control d-flex justify-content-between pb-1">
       {accessoriesBtnList.map((accessory) => {
         return (
           <Fragment key={accessory.name}>