Replace with bootstrap classes

libs/remix-ui/app/src/lib/remix-app/remix-app.tsx

@@ -208,7 +208,7 @@ const RemixApp = (props: IRemixAppUi) => {
               <div id="main-panel" data-id="remixIdeMainPanel" className="mainpanel d-flex">
                 <RemixUIMainPanel layout={props.app.layout}></RemixUIMainPanel>
               </div>
-              <div id="pinned-panel" ref={pinnedPanelRef} data-id="remixIdePinnedPanel" className={`pinnedpanel border-right border-left ${hidePinnedPanel ? 'd-none' : 'd-flex'}`}>
+              <div id="pinned-panel" ref={pinnedPanelRef} data-id="remixIdePinnedPanel" className={`flex-row-reverse pinnedpanel border-right border-left ${hidePinnedPanel ? 'd-none' : 'd-flex'}`}>
                 {props.app.pinnedPanel.render()}
               </div>
               <DragBar

libs/remix-ui/app/src/lib/remix-app/style/remix-app.css

@@ -35,8 +35,6 @@ pre {
   transition         : width 0.25s;
 }
 .pinnedpanel           {
-  display            : flex;
-  flex-direction     : row-reverse;
   width              : 320px;
   transition         : width 0.25s;
 }