keep preferred size to 450

Author: jsajal

src/components/layouts/SplitPane.js

@@ -13,14 +13,15 @@ const SplitPane = () => {
     <main className='h-full'>
       <Allotment>
         <Allotment.Pane
+          preferredSize={isNavBarCollapsed ? AppNavBarStyles.collapsedNavBarWidth.absolute : 450}
           minSize={isNavBarCollapsed ? AppNavBarStyles.collapsedNavBarWidth.absolute : 450}
           maxSize={isNavBarCollapsed ? AppNavBarStyles.collapsedNavBarWidth.absolute : 600}
           separator={isNavBarCollapsed ? false : true}
         >
           <div className='flex h-full text-xs'>
             <AppNavBar />
             {!isNavBarCollapsed ? (
-              <div className='h-full w-full'>
+              <div className='w-full h-full'>
                 <Allotment>
                   <Allotment.Pane>
                     <SideBar />