diff --git a/apps/client/package.json b/apps/client/package.json
index 8c6d00d..3a5855a 100644
--- a/apps/client/package.json
+++ b/apps/client/package.json
@@ -4,7 +4,8 @@
 		"win": {
 			"target": [
 				"portable"
-			]
+			],
+			"icon": "public/app/img/app-icon.ico"
 		},
 		"files": [
 			"**/*",
@@ -12,13 +13,13 @@
 			"node_modules/7zip-bin/win/**/*"
 		],
 		"portable": {
-			"artifactName": "Yuzuflow.exe"
+			"artifactName": "YuzuFlow.exe"
 		}
 	},
 	"name": "client",
 	"main": "./out/main/index.js",
 	"private": true,
-	"version": "0.0.0",
+	"version": "1.0.0",
 	"scripts": {
 		"dev": "electron-vite dev -w",
 		"build": "tsc && electron-vite build && electron-builder",
@@ -27,7 +28,6 @@
 	},
 	"dependencies": {
 		"@nextui-org/react": "^2.1.12",
-		"@types/fs-extra": "^11.0.2",
 		"7zip-bin": "^5.2.0",
 		"autoprefixer": "^10.4.15",
 		"axios": "^1.5.0",
@@ -49,6 +49,7 @@
 	},
 	"devDependencies": {
 		"@types/decompress": "^4.2.5",
+		"@types/fs-extra": "^11.0.2",
 		"@types/node-7z": "^2.1.6",
 		"@types/react": "^18.2.21",
 		"@types/react-dom": "^18.2.7",
diff --git a/apps/client/renderer/components/NavDrawer/NavDrawer.tsx b/apps/client/renderer/components/NavDrawer/NavDrawer.tsx
index c1e059a..85b2280 100644
--- a/apps/client/renderer/components/NavDrawer/NavDrawer.tsx
+++ b/apps/client/renderer/components/NavDrawer/NavDrawer.tsx
@@ -1,16 +1,17 @@
-import { DownloadCloud, MonitorDown, Settings } from 'lucide-react';
-import { useEffect, useMemo } from 'react';
-import { AnimatePresence, motion } from 'framer-motion';
+import { DownloadCloud, MonitorDown, Settings } from 'lucide-react'
+import { useEffect, useMemo } from 'react'
+import { AnimatePresence, motion } from 'framer-motion'
 import { useMediaQuery } from '@/renderer/hooks/useMediaQuery'
 import { navDrawerState } from '@/renderer/store/nav-drawer'
-import NavButton from './NavButton';
+import NavButton from './NavButton'
+import { version } from '@/package.json'
 
 const NavDrawer = () => {
-	const smallScreen = useMediaQuery('(max-width: 640px)');
-	const { open, setOpen } = navDrawerState();
+	const smallScreen = useMediaQuery('(max-width: 640px)')
+	const { open, setOpen } = navDrawerState()
 	useEffect(() => {
-		setOpen(!smallScreen);
-	}, [smallScreen]);
+		setOpen(!smallScreen)
+	}, [smallScreen])
 
 	const content = useMemo(
 		() => (
@@ -32,11 +33,11 @@ const NavDrawer = () => {
 						</NavButton>
 					</li>
 				</ul>
-				<span className="block mt-auto text-zinc-500 text-center text-xs">YuzuFlow 1.0</span>
+				<span className="block mt-auto text-zinc-600 text-center text-xs">YuzuFlow {version}</span>
 			</nav>
 		),
 		[]
-	);
+	)
 
 	return smallScreen ? (
 		<AnimatePresence>
@@ -63,7 +64,7 @@ const NavDrawer = () => {
 		</AnimatePresence>
 	) : (
 		open && <div className="min-w-[180px] max-w-[180px] grow">{content}</div>
-	);
-};
+	)
+}
 
-export default NavDrawer;
+export default NavDrawer
diff --git a/package-lock.json b/package-lock.json
index 67c0b22..feb9610 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -44,10 +44,9 @@
 			}
 		},
 		"apps/client": {
-			"version": "0.0.0",
+			"version": "1.0.0",
 			"dependencies": {
 				"@nextui-org/react": "^2.1.12",
-				"@types/fs-extra": "^11.0.2",
 				"7zip-bin": "^5.2.0",
 				"autoprefixer": "^10.4.15",
 				"axios": "^1.5.0",
@@ -69,6 +68,7 @@
 			},
 			"devDependencies": {
 				"@types/decompress": "^4.2.5",
+				"@types/fs-extra": "^11.0.2",
 				"@types/node-7z": "^2.1.6",
 				"@types/react": "^18.2.21",
 				"@types/react-dom": "^18.2.7",
@@ -90,6 +90,7 @@
 			"version": "11.0.2",
 			"resolved": "https://registry.npmjs.org/@types/fs-extra/-/fs-extra-11.0.2.tgz",
 			"integrity": "sha512-c0hrgAOVYr21EX8J0jBMXGLMgJqVf/v6yxi0dLaJboW9aQPh16Id+z6w2Tx1hm+piJOLv8xPfVKZCLfjPw/IMQ==",
+			"dev": true,
 			"dependencies": {
 				"@types/jsonfile": "*",
 				"@types/node": "*"
@@ -4063,6 +4064,7 @@
 			"version": "6.1.2",
 			"resolved": "https://registry.npmjs.org/@types/jsonfile/-/jsonfile-6.1.2.tgz",
 			"integrity": "sha512-8t92P+oeW4d/CRQfJaSqEwXujrhH4OEeHRjGU3v1Q8mUS8GPF3yiX26sw4svv6faL2HfBtGTe2xWIoVgN3dy9w==",
+			"dev": true,
 			"dependencies": {
 				"@types/node": "*"
 			}