From 353f90dcac541b007445f4366353ce48302d2638 Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Wed, 20 Jan 2021 10:56:09 -0800
Subject: [PATCH] Fix /conversion styles on mobile

---
 src/app/ConversionPage.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/ConversionPage.js b/src/app/ConversionPage.js
index b16c461..7f35fb0 100644
--- a/src/app/ConversionPage.js
+++ b/src/app/ConversionPage.js
@@ -32,7 +32,11 @@ function ConversionPage() {
     <Box>
       <Heading1>HTML5 Conversion Hub</Heading1>
       <Box height="6" />
-      <Stack direction="row" spacing="12" align="center">
+      <Stack
+        direction={{ base: "column", sm: "row" }}
+        spacing="12"
+        align="center"
+      >
         <ConversionProgress
           label="All layers"
           color="green.500"