From 569b3c745e10a8b790428a54aea0fb49c0c60e10 Mon Sep 17 00:00:00 2001
From: Jhen <developer@jhen.me>
Date: Thu, 27 Jul 2023 05:03:03 +0800
Subject: [PATCH 1/2] Fix react root render

---
 app/index.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/app/index.js b/app/index.js
index 70ca391e..dcf54ee6 100644
--- a/app/index.js
+++ b/app/index.js
@@ -43,7 +43,6 @@ const handleReady = () => {
           <App />
         </PersistGate>
       </Provider>,
-      document.getElementById('root'),
     )
   })
 };

From 727b627d43ee7f9781eda90a6a85f082118021dc Mon Sep 17 00:00:00 2001
From: Jhen <developer@jhen.me>
Date: Thu, 27 Jul 2023 05:03:07 +0800
Subject: [PATCH 2/2] Improve title style of FromInput

---
 app/components/FormInput.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/components/FormInput.js b/app/components/FormInput.js
index bd21fbc5..c784837d 100644
--- a/app/components/FormInput.js
+++ b/app/components/FormInput.js
@@ -2,6 +2,7 @@ import React, { PureComponent } from 'react'
 import PropTypes from 'prop-types'
 
 const styles = {
+  title: { textAlign: 'center' },
   form: {
     display: 'flex',
     flexDirection: 'row',
@@ -53,7 +54,7 @@ export default class FormInput extends PureComponent {
     const val = typeof value !== 'undefined' ? value : inputProps.value
     return (
       <div>
-        <div>{title}</div>
+        <div style={styles.title}>{title}</div>
         <div style={styles.form}>
           <input
             onKeyDown={(e) => {