From e850b4a16b4fb7f928b8640ca2fa324306e0ec45 Mon Sep 17 00:00:00 2001
From: Colin <colin.diesh@gmail.com>
Date: Wed, 25 Jan 2023 13:38:30 -0700
Subject: [PATCH] Works without vertical flex

---
 .../src/AddTrackWidget/components/TrackSourceSelect.tsx   | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/plugins/data-management/src/AddTrackWidget/components/TrackSourceSelect.tsx b/plugins/data-management/src/AddTrackWidget/components/TrackSourceSelect.tsx
index 51872e6774..46fa6d4c36 100644
--- a/plugins/data-management/src/AddTrackWidget/components/TrackSourceSelect.tsx
+++ b/plugins/data-management/src/AddTrackWidget/components/TrackSourceSelect.tsx
@@ -1,5 +1,6 @@
 import React from 'react'
 import { FileSelector } from '@jbrowse/core/ui'
+import { AbstractRootModel } from '@jbrowse/core/util'
 import { Paper } from '@mui/material'
 import { makeStyles } from 'tss-react/mui'
 import { getRoot } from 'mobx-state-tree'
@@ -10,9 +11,7 @@ import { AddTrackModel } from '../model'
 
 const useStyles = makeStyles()(theme => ({
   paper: {
-    display: 'flex',
-    flexDirection: 'column',
-    padding: theme.spacing(1),
+    padding: theme.spacing(2),
   },
   spacer: {
     height: theme.spacing(8),
@@ -21,8 +20,7 @@ const useStyles = makeStyles()(theme => ({
 
 function TrackSourceSelect({ model }: { model: AddTrackModel }) {
   const { classes } = useStyles()
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const rootModel = getRoot<any>(model)
+  const rootModel = getRoot<AbstractRootModel>(model)
 
   return (
     <Paper className={classes.paper}>