diff --git a/package-lock.json b/package-lock.json
index 1737b04..313f4c6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,6 +10,7 @@
       "license": "MIT",
       "dependencies": {
         "antd": "^4.6.5",
+        "lucide-react": "^0.188.0",
         "react": "^16.13.1",
         "react-dom": "^16.13.1"
       },
@@ -8859,6 +8860,14 @@
         "node": ">=10"
       }
     },
+    "node_modules/lucide-react": {
+      "version": "0.188.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.188.0.tgz",
+      "integrity": "sha512-c27NaQoiGp1Spz2NPcCjV1EFAOWICPq0Wq+uxyXUUAzgSC0jCMJCztcyZ5ABr2RO/ivd9ZEnFEldSX50ZYAKkQ==",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/make-dir": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
@@ -23725,6 +23734,12 @@
         "yallist": "^4.0.0"
       }
     },
+    "lucide-react": {
+      "version": "0.188.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.188.0.tgz",
+      "integrity": "sha512-c27NaQoiGp1Spz2NPcCjV1EFAOWICPq0Wq+uxyXUUAzgSC0jCMJCztcyZ5ABr2RO/ivd9ZEnFEldSX50ZYAKkQ==",
+      "requires": {}
+    },
     "make-dir": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
diff --git a/package.json b/package.json
index a7a1f6f..7c7d44d 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
   "description": "@relative-ci/agent webpack plugin setup example for Github Action",
   "main": "index.js",
   "scripts": {
-    "start": "webpack-dev-server",
+    "start": "webpack serve",
     "build": "webpack --mode production --json artifacts/webpack-stats.json",
     "test": "echo \"Error: no test specified\" && exit 0"
   },
@@ -41,6 +41,7 @@
   },
   "dependencies": {
     "antd": "^4.6.5",
+    "lucide-react": "^0.188.0",
     "react": "^16.13.1",
     "react-dom": "^16.13.1"
   }
diff --git a/src/components/layout.jsx b/src/components/layout.jsx
index eb97c9c..cccae7f 100644
--- a/src/components/layout.jsx
+++ b/src/components/layout.jsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { Typography } from 'antd'
+import { Factory } from 'lucide-react';
 
 import logoUrl from '../assets/relative-ci--logo.png';
 import css from './layout.module.css';
@@ -20,6 +21,12 @@ export const Layout = (props) => {
       <main className={css.main}>
         {children}
       </main>
+      <footer className={css.footer}>
+        <Factory width="32" />
+        <Typography.Paragraph>
+            Made by <a href="https://relative-ci.com">RelativeCI</a>
+        </Typography.Paragraph>
+      </footer>
     </div>
   );
 };
diff --git a/src/components/layout.module.css b/src/components/layout.module.css
index 482bd0c..678d923 100644
--- a/src/components/layout.module.css
+++ b/src/components/layout.module.css
@@ -21,3 +21,9 @@
 .main {
   padding: 16px 24px;
 }
+
+.footer {
+  padding: 16px 24px;
+  color: lightgray;
+  text-align: center;
+}
diff --git a/webpack.config.js b/webpack.config.js
index c72d37e..30887ef 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -95,6 +95,7 @@ module.exports = (_, { mode }) => {
       }),
     ],
     devServer: {
+      port: 9000,
       hot: true,
       inline: true
     }