diff --git a/ui/src/flux/components/TimeMachine.tsx b/ui/src/flux/components/TimeMachine.tsx
index c20ba2d90a..abdd06c6fe 100644
--- a/ui/src/flux/components/TimeMachine.tsx
+++ b/ui/src/flux/components/TimeMachine.tsx
@@ -50,6 +50,7 @@ class TimeMachine extends PureComponent<Props> {
         handleDisplay: 'none',
         menuOptions: [],
         headerButtons: [],
+        size: 0.33,
         render: () => (
           <Threesizer
             divisions={this.scriptAndExplorer}
@@ -68,6 +69,7 @@ class TimeMachine extends PureComponent<Props> {
       name: 'Build',
       headerButtons: [],
       menuOptions: [],
+      size: 0.67,
       render: () => (
         <BodyBuilder
           body={body}
@@ -79,6 +81,7 @@ class TimeMachine extends PureComponent<Props> {
       ),
     }
   }
+
   private get scriptAndExplorer() {
     const {
       script,
diff --git a/ui/src/shared/components/threesizer/Threesizer.tsx b/ui/src/shared/components/threesizer/Threesizer.tsx
index 47e01b0391..685af3f3c5 100644
--- a/ui/src/shared/components/threesizer/Threesizer.tsx
+++ b/ui/src/shared/components/threesizer/Threesizer.tsx
@@ -35,6 +35,7 @@ interface DivisionProps {
   handleDisplay?: string
   handlePixels?: number
   style?: CSSProperties
+  size?: number
   headerButtons?: JSX.Element[]
   menuOptions: MenuItem[]
   render: (visibility?: string) => ReactElement<any>
@@ -135,7 +136,6 @@ class Threesizer extends Component<Props, State> {
       >
         {divisions.map((d, i) => {
           const headerOrientation = _.get(d, 'headerOrientation', orientation)
-
           return (
             <Division
               key={d.id}
@@ -191,11 +191,10 @@ class Threesizer extends Component<Props, State> {
     const {divisions} = this.props
 
     const size = 1 / divisions.length
-
     return divisions.map(d => ({
       ...d,
       id: uuid.v4(),
-      size,
+      size: d.size || size,
       handlePixels: d.handlePixels || HANDLE_PIXELS,
     }))
   }