From 7c8db92453e5c59cd87b0c55aba5adc48aedd449 Mon Sep 17 00:00:00 2001
From: Eric NGUYEN <enguyen@techform.fr>
Date: Mon, 3 Oct 2022 19:35:41 +0200
Subject: [PATCH] Fix SymbolsList not using half screen

---
 src/Components/SymbolsList/SymbolsList.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/Components/SymbolsList/SymbolsList.tsx b/src/Components/SymbolsList/SymbolsList.tsx
index 63870f8..d5a5894 100644
--- a/src/Components/SymbolsList/SymbolsList.tsx
+++ b/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>
   );
 }