diff --git a/web-src/src/app/pages/main-page.tsx b/web-src/src/app/pages/main-page.tsx
index 97abf36..f40382d 100644
--- a/web-src/src/app/pages/main-page.tsx
+++ b/web-src/src/app/pages/main-page.tsx
@@ -1,7 +1,7 @@
 import {Layout} from "@douyinfe/semi-ui";
 import Sider from "@douyinfe/semi-ui/lib/es/layout/Sider";
 import {useObservableState} from "observable-hooks";
-import React, {ReactNode, useContext, useEffect, useRef} from "react";
+import React, {ReactNode, useContext, useEffect} from "react";
 import {SharedSubjectContext} from "../context/shared-subjects";
 import {MainFooter} from "../shared/main-footer";
 import {MainNav} from "../shared/main-nav";
@@ -11,7 +11,7 @@ import "./main-page.scss"
 
 
 export const MainPage = () => {
-    const {Header, Footer, Content} = Layout;
+    const {Header, Content} = Layout;
     const sharedSubs = useContext(SharedSubjectContext);
     const [activeToolNode, setActiveToolNode] =
         useObservableState<ReactNode>((obs) => {
@@ -29,9 +29,6 @@ export const MainPage = () => {
         });
     }, [setActiveToolNode, sharedSubs]);
 
-    // listen resize window event and adjust content height
-    const centerContainerRef = useRef<Layout>(null)
-
     return (
         <isTauriAppContext.Consumer>
             {
@@ -41,7 +38,7 @@ export const MainPage = () => {
                         {!isTauriApp && <Header> <MainNav/> </Header>}
                         <Layout className="central-layout">
                             <Sider children={<ToolsSider/>}/>
-                            <Content children={activeToolNode} ref={centerContainerRef}/>
+                            <Content children={activeToolNode}/>
                         </Layout>
                         {!isTauriApp &&
                             <Layout.Footer className='main-footer-container'> <MainFooter/> </Layout.Footer>}
diff --git a/web-src/src/app/shared/main-nav.tsx b/web-src/src/app/shared/main-nav.tsx
index b891c49..833101f 100644
--- a/web-src/src/app/shared/main-nav.tsx
+++ b/web-src/src/app/shared/main-nav.tsx
@@ -1,5 +1,5 @@
 import {IconGithubLogo} from "@douyinfe/semi-icons";
-import {Button, Nav, Space, Tooltip, Typography} from "@douyinfe/semi-ui";
+import {Button, Nav, Space, Tooltip} from "@douyinfe/semi-ui";
 import {DownloadOne} from "@icon-park/react";
 import "./main-nav.scss"
 
@@ -22,12 +22,12 @@ export const MainNav = () => {
 
     const navFooter = <Nav.Footer>
         <Space>
-            <Tooltip content={<Typography.Text>Download Offline Client</Typography.Text>}
+            <Tooltip content='Download Offline Client'
                      position='bottomLeft'>
                 <Button size={"large"} onClick={onDownloadClicked}
                         icon={<DownloadOne theme="outline" size="21" fill="var(--semi-color-primary)"/>}/>
             </Tooltip>
-            <Tooltip content={<Typography.Text>Github Repository</Typography.Text>}
+            <Tooltip content='Github Repository'
                      position='bottomLeft'>
                 <Button size={"large"} icon={<IconGithubLogo size={"extra-large"} onClick={onHomePageClicked}
                 />}/>
diff --git a/web-src/src/app/tool-blocks/json-formatter.scss b/web-src/src/app/tool-blocks/json-formatter.scss
index 5909410..5ea8db1 100644
--- a/web-src/src/app/tool-blocks/json-formatter.scss
+++ b/web-src/src/app/tool-blocks/json-formatter.scss
@@ -15,8 +15,13 @@
     flex-direction: row;
     flex-wrap: wrap;
 
+    .mod-input-block-is-tauri {
+      height: 100vh !important;
+    }
+
     .input-block {
-      height: 100%;
+      height: calc(100vh - 109px);
+
       display: flex;
       flex-direction: column;
       padding-bottom: 10px;
@@ -26,6 +31,7 @@
 
         textarea {
           height: 100%;
+          overflow-y: hidden;
         }
       }
 
diff --git a/web-src/src/app/tool-blocks/json-formatter.tsx b/web-src/src/app/tool-blocks/json-formatter.tsx
index 27abda1..2cb8e2e 100644
--- a/web-src/src/app/tool-blocks/json-formatter.tsx
+++ b/web-src/src/app/tool-blocks/json-formatter.tsx
@@ -149,7 +149,7 @@ export const JsonFormatterBlock = () => {
             }
         })
 
-        setInputValue(`[{"category":"porro","sold":true,"author":"Mr. Clotilde Rohan","title":"eos magni sint corporis itaque eos.","price":7.0,"isbn":"504fa9b5-0499-43a6-97c3-61ab5293db58","email":"eddie_inventore@yahoo.com"},{"category":"voluptas","sold":false,"author":"Miss Jaleel Green","title":"suscipit labore ea ducimus harum.","price":7.0,"isbn":"504fa9b5-0499-43a6-97c3-61ab5293db58","email":"dariana_tenetur@gmail.com"},{"category":"est","sold":false,"author":"Miss Zane Hintz","title":"quia sit et velit pariatur et repudiandae.","price":7.0,"isbn":"504fa9b5-0499-43a6-97c3-61ab5293db58","email":"kiera_ea@yahoo.com"},{"category":"dolor","sold":false,"author":"Mr. Domenico Hayes","title":"modi voluptas enim aut sunt voluptatibus velit non.","price":7.0,"isbn":"504fa9b5-0499-43a6-97c3-61ab5293db58","email":"autumn_quis@yahoo.com"}]`)
+        // setInputValue(`[{"category":"porro","sold":true,"author":"Mr. Clotilde Rohan","title":"eos magni sint corporis itaque eos.","price":7.0,"isbn":"504fa9b5-0499-43a6-97c3-61ab5293db58","email":"eddie_inventore@yahoo.com"},{"category":"voluptas","sold":false,"author":"Miss Jaleel Green","title":"suscipit labore ea ducimus harum.","price":7.0,"isbn":"504fa9b5-0499-43a6-97c3-61ab5293db58","email":"dariana_tenetur@gmail.com"},{"category":"est","sold":false,"author":"Miss Zane Hintz","title":"quia sit et velit pariatur et repudiandae.","price":7.0,"isbn":"504fa9b5-0499-43a6-97c3-61ab5293db58","email":"kiera_ea@yahoo.com"},{"category":"dolor","sold":false,"author":"Mr. Domenico Hayes","title":"modi voluptas enim aut sunt voluptatibus velit non.","price":7.0,"isbn":"504fa9b5-0499-43a6-97c3-61ab5293db58","email":"autumn_quis@yahoo.com"}]`)
     })
 
     const setOutputJson = (val?: string, indent?: number) => {
@@ -226,7 +226,7 @@ export const JsonFormatterBlock = () => {
                     </SideSheet>
 
                     <Row className='json-formatter-container-child' gutter={10}>
-                        <Col span={12} className='input-block'>
+                        <Col span={12} className={`input-block ${isTauri ? 'mod-input-block-is-tauri' : ''}`}>
                             <Row style={{padding: "10px 0"}}>
                                 <Space> <Button onClick={setRandomJson}>Sample</Button> <Button
                                     onClick={onClearClicked}>Clear</Button> </Space>
@@ -242,7 +242,7 @@ export const JsonFormatterBlock = () => {
                                 />
                             </Row>
                         </Col>
-                        <Col span={12} className='input-block'>
+                        <Col span={12} className={`input-block ${isTauri ? 'mod-input-block-is-tauri' : ''}`}>
                             <Row style={{padding: "10px 0", flexDirection: "row-reverse"}} type={"flex"}>
                                 <Space>
                                     <Button disabled={!outputValue}
diff --git a/web-src/src/assets/fonts/SigmarOne-Regular.ttf b/web-src/src/assets/fonts/SigmarOne-Regular.ttf
deleted file mode 100644
index 6c57b09..0000000
Binary files a/web-src/src/assets/fonts/SigmarOne-Regular.ttf and /dev/null differ
diff --git a/web-src/src/index.scss b/web-src/src/index.scss
index 4d28ce8..8654051 100644
--- a/web-src/src/index.scss
+++ b/web-src/src/index.scss
@@ -1,7 +1,3 @@
-@font-face {
-  font-family: "SigmarOne";
-  src: local("SigmarOne"), url("./assets/fonts/SigmarOne-Regular.ttf") format("trutype");
-}
 
 body {
   margin: 0;