From 4c4667c0d96ae96da9884ee709257eef582f6807 Mon Sep 17 00:00:00 2001
From: Liam Fitzgerald <liam.fitzgerald@tlon.io>
Date: Thu, 11 Feb 2021 10:41:16 +1000
Subject: [PATCH] tutorial: fix desktop positioning

---
 .../src/views/landscape/components/TutorialModal.tsx       | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/pkg/interface/src/views/landscape/components/TutorialModal.tsx b/pkg/interface/src/views/landscape/components/TutorialModal.tsx
index e53151c45..4d2f97d0a 100644
--- a/pkg/interface/src/views/landscape/components/TutorialModal.tsx
+++ b/pkg/interface/src/views/landscape/components/TutorialModal.tsx
@@ -1,4 +1,5 @@
 import React, { useState, useEffect, useCallback } from "react";
+import _ from 'lodash';
 import { Box, Col, Row, Button, Text, Icon, Action } from "@tlon/indigo-react";
 import { useHistory } from "react-router-dom";
 import { TutorialProgress, tutorialProgress as progress } from "~/types";
@@ -75,13 +76,13 @@ export function TutorialModal(props: { api: GlobalApi }) {
       if(key === 'bottom' || key === 'left') {
         return ['0px', ...value];
       }
-      return [null, ...value];
+      return ['unset', ...value];
     });
     if(!('bottom' in withMobile)) {
-      withMobile.bottom = ['0px', null];
+      withMobile.bottom = ['0px', 'unset'];
     }
     if(!('left' in withMobile)) {
-      withMobile.left = ['0px', null];
+      withMobile.left = ['0px', 'unset'];
     }
 
     if (newCoords) {