From edc6896c403820efe339df0ec2849efdcab1528d Mon Sep 17 00:00:00 2001
From: Tyler Brown Cifu Shuster <tyler@fivepaths.com>
Date: Mon, 2 Nov 2020 08:47:55 -0800
Subject: [PATCH 1/2] launch: fixes tile padding

fixes https://github.com/urbit/landscape/issues/129
---
 pkg/interface/src/views/apps/launch/app.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pkg/interface/src/views/apps/launch/app.js b/pkg/interface/src/views/apps/launch/app.js
index 6acaae5777..6a87f865fb 100644
--- a/pkg/interface/src/views/apps/launch/app.js
+++ b/pkg/interface/src/views/apps/launch/app.js
@@ -35,7 +35,7 @@ export default class LaunchApp extends React.Component {
         <Box height='100%' overflowY='scroll'>
           <Welcome firstTime={props.launch.firstTime} api={props.api} />
           <Box
-            ml='2'
+            mx='2'
             display='grid'
             gridTemplateColumns='repeat(auto-fill, minmax(128px, 1fr))'
             gridGap={3}

From 1c748818909424ab87d112499a0d30522b963feb Mon Sep 17 00:00:00 2001
From: Tyler Brown Cifu Shuster <tyler@fivepaths.com>
Date: Mon, 2 Nov 2020 11:56:32 -0800
Subject: [PATCH 2/2] remove scrollbars from launch

---
 pkg/interface/src/views/apps/launch/app.js | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/pkg/interface/src/views/apps/launch/app.js b/pkg/interface/src/views/apps/launch/app.js
index 6a87f865fb..ada42cf170 100644
--- a/pkg/interface/src/views/apps/launch/app.js
+++ b/pkg/interface/src/views/apps/launch/app.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import Helmet from 'react-helmet';
+import styled from 'styled-components';
 
 import { Box, Row, Icon, Text, Center } from '@tlon/indigo-react';
 import { uxToHex, adjustHex } from '~/logic/lib/util';
@@ -12,6 +13,14 @@ import Tile from './components/tiles/tile';
 import Welcome from './components/welcome';
 import Groups from './components/Groups';
 
+const ScrollbarLessBox = styled(Box)`
+  scrollbar-width: none !important;
+  
+  ::-webkit-scrollbar {
+    display: none;
+  }
+`;
+
 export default class LaunchApp extends React.Component {
   componentDidMount() {
     // preload spinner asset
@@ -32,7 +41,7 @@ export default class LaunchApp extends React.Component {
         <Helmet>
           <title>OS1 - Home</title>
         </Helmet>
-        <Box height='100%' overflowY='scroll'>
+        <ScrollbarLessBox height='100%' overflowY='scroll'>
           <Welcome firstTime={props.launch.firstTime} api={props.api} />
           <Box
             mx='2'
@@ -77,7 +86,7 @@ export default class LaunchApp extends React.Component {
             <Box display={["none", "block"]} width="100%" gridColumn="1 / -1"></Box>
             <Groups groups={props.groups} associations={props.associations} invites={props.invites} api={props.api}/>
           </Box>
-        </Box>
+        </ScrollbarLessBox>
         <Box
           position="absolute"
           fontFamily="mono"