diff --git a/remix/app/components/Thingtime/ThingtimeDemo.tsx b/remix/app/components/Thingtime/ThingtimeDemo.tsx
index b3dc724..80a166c 100644
--- a/remix/app/components/Thingtime/ThingtimeDemo.tsx
+++ b/remix/app/components/Thingtime/ThingtimeDemo.tsx
@@ -1,5 +1,6 @@
 import React from 'react'
 import { Thingtime } from './Thingtime'
+import { Flex } from '@chakra-ui/react'
 
 export const ThingtimeDemo = props => {
   const thing = {
@@ -26,5 +27,9 @@ export const ThingtimeDemo = props => {
 
   return null
 
-  return <Thingtime thing={debug}></Thingtime>
+  return (
+    <Flex pb={40}>
+      <Thingtime thing={debug}></Thingtime>
+    </Flex>
+  )
 }
diff --git a/remix/app/routes/index.tsx b/remix/app/routes/index.tsx
index a7291e0..0ddb304 100644
--- a/remix/app/routes/index.tsx
+++ b/remix/app/routes/index.tsx
@@ -4,7 +4,7 @@ import { ThingtimeDemo } from '~/components/Thingtime/ThingtimeDemo'
 
 export default function Index () {
   return (
-    <Flex pb={40} flexDir="column" alignItems='center' justifyContent='center'>
+    <Flex flexDir='column' alignItems='center' justifyContent='center'>
       <Splash></Splash>
       <ThingtimeDemo></ThingtimeDemo>
     </Flex>