scrolling problem fixed

src/frontend/app.tsx

@@ -26,9 +26,9 @@ export function getApp() {
                     <Allotment maxSize={'50%'}>
                         <Allotment.Pane preferredSize={250} minSize={250}>
                             <Stack style={{height: '100%', direction: 'column', gap: '0px'}}>
-                                <Title order={4}>Pick a Tutorial:</Title>
+                                <Title order={4}>Pick a demo:</Title>
                                 <Tabs.List>
-                                    <Tabs.Tab style={{width: '100%', border: 0}} value="start">Start</Tabs.Tab>
+                                    <Tabs.Tab style={{width: '100%', border: 0}} value="start">Rountangle Editor</Tabs.Tab>
                                     <Tabs.Tab style={{width: '100%', border: 0}} value="pd">Primitive Delta</Tabs.Tab>
                                     <Tabs.Tab style={{width: '100%', border: 0}} value="corr">Correspondence</Tabs.Tab>
                                     <Tabs.Tab style={{width: '100%', border: 0}} value="bm">Blended Modeling</Tabs.Tab>
@@ -63,9 +63,9 @@ export function getApp() {
                             </Stack>
                         </Allotment.Pane>
                         <Allotment.Pane>
-                            <div style={{overflow: 'hidden', padding: '0px 10px 0px 10px'}}>
+                            <div style={{height: '100%', overflow: 'hidden', padding: '0px 10px 0px 10px'}}>
                                 {/* @ts-ignore */}
-                                <ScrollArea style={{height: '100%'}} offsetScrollbars>
+                                <ScrollArea style={{height: '100%'}} offsetScrollbars={}>
                                     <Tabs.Panel value="start">
                                         <DemoStart/>
                                     </Tabs.Panel>