add some padding to root

src/frontend/app.tsx

@@ -23,8 +23,8 @@ export function getApp() {
                 <Styledtabs orientation="vertical" style={{height: '100%'}}>
                     <Allotment maxSize={'50%'}>
                         <Allotment.Pane preferredSize={250} minSize={250}>
-                            <Stack style={{height: '100vh', direction: 'column', gap: '0px'}}>
-                                <Title order={5}>Pick a Tutorial:</Title>
+                            <Stack style={{height: '100%', direction: 'column', gap: '0px'}}>
+                                <Title order={4}>Pick a Tutorial:</Title>
                                 <Tabs.List>
                                     <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>

src/frontend/index.css

@@ -5,10 +5,14 @@ html,body, #root {
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
-
     height: 100%;
 }
 
+#root {
+    padding: 5px;
+    height: calc(100vh - 10px);
+}
+
 .canvas {
   background-color: #eee;
   width: 100%;