Fix SymbolsList not using half screen

src/Components/SymbolsList/SymbolsList.tsx

@@ -41,22 +41,25 @@ export function SymbolsSidebar(props: ISymbolsSidebarProps): JSX.Element {
   }
 
   return (
-    <div>
+    <div className='h-full'>
       <div ref={divRef} className='h-1/2 text-gray-800'>
         <List
           className='List divide-y divide-black'
           itemCount={containers.length}
           itemSize={35}
-          height={320}
+          height={height}
           width={'100%'}
         >
           {Row}
         </List>
       </div>
-      <SymbolProperties
-        symbol={props.symbols.get(props.selectedSymbolId)}
-        symbols={props.symbols}
-        onChange={props.onPropertyChange} />
+      <div>
+        <SymbolProperties
+          symbol={props.symbols.get(props.selectedSymbolId)}
+          symbols={props.symbols}
+          onChange={props.onPropertyChange}
+        />
+      </div>
     </div>
   );
 }