diff --git a/public/privacy.md b/public/privacy.md
index 76a01fd..6b7ed96 100644
--- a/public/privacy.md
+++ b/public/privacy.md
@@ -1,5 +1,7 @@
 # SQL Chat Privacy Policy
 
+*Last Updated: May 21, 2023*
+
 We respect your privacy and are committed to protecting your personal information. This Privacy Policy explains how we collect, use, and disclose your personal information when you use our application that calls LLM provider's API.
 
 ## Collection of Application Data
@@ -41,6 +43,4 @@ For more information about our privacy and data protection practices, including
 
 ## Contact Us
 
-Please contact us at support@bytebase.com if you have questions about this Privacy Policy.
-
-*Last Updated: May 21, 2023*
\ No newline at end of file
+Please contact us at support@bytebase.com if you have questions about this Privacy Policy.
\ No newline at end of file
diff --git a/public/terms.md b/public/terms.md
new file mode 100644
index 0000000..39c9383
--- /dev/null
+++ b/public/terms.md
@@ -0,0 +1,12 @@
+# Terms of Service
+
+*Last Updated: May 21, 2023*
+
+## Refund Policy
+
+All fees and charges are earned upon receipt by us and are nonrefundable.
+
+
+## Contact Us
+
+Please contact us at support@bytebase.com if you have questions about this Terms of Service.
\ No newline at end of file
diff --git a/src/components/SettingView.tsx b/src/components/SettingView.tsx
index 9fe67da..ee53bfe 100644
--- a/src/components/SettingView.tsx
+++ b/src/components/SettingView.tsx
@@ -17,7 +17,7 @@ const SettingView = () => {
   const { data: session } = useSession();
 
   return (
-    <div className="w-full flex flex-col justify-start items-start space-y-3 py-4 sm:py-8 dark:bg-zinc-800">
+    <div className="w-full flex flex-col justify-start items-start space-y-3 py-4 sm:py-8">
       <div className="w-full flex flex-row justify-start items-start flex-wrap gap-2">
         <a
           href="https://discord.gg/z6kakemDjm"
@@ -61,12 +61,17 @@ const SettingView = () => {
         </div>
       </div>
 
-      <div className="w-full border border-gray-200 dark:border-zinc-700 p-4 rounded-lg space-y-2">
+      <div className="w-full border border-gray-200 dark:border-zinc-700 p-4 rounded-lg space-y-4">
         <div className="w-full flex flex-row justify-between items-center gap-2">
           <a href={"privacy"} target="_blank">
             Privacy
           </a>
         </div>
+        <div className="w-full flex flex-row justify-between items-center gap-22">
+          <a href={"terms"} target="_blank">
+            Terms
+          </a>
+        </div>
       </div>
 
       <div className="w-full border border-red-200 dark:border-zinc-700 p-4 rounded-lg">
diff --git a/src/pages/terms/index.tsx b/src/pages/terms/index.tsx
new file mode 100644
index 0000000..8eaec0c
--- /dev/null
+++ b/src/pages/terms/index.tsx
@@ -0,0 +1,8 @@
+import MarkdownRenderer from "@/components/MarkdownRenderer";
+import { NextPage } from "next";
+
+const PrivacyPage: NextPage = () => {
+  return <MarkdownRenderer url="/terms.md" />;
+};
+
+export default PrivacyPage;