diff --git a/next.config.ts b/next.config.ts
index cc47677..3883313 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -3,7 +3,7 @@ import type { NextConfig } from "next";
 const nextConfig: NextConfig = {
   /* config options here */
   output: "export",
-  basePath: "/k8s",
+  basePath: "/k8s-simulator",
   distDir: "build",
 };
 
diff --git a/src/app/cka/page.tsx b/src/app/cka/page.tsx
index 140dfe7..69a04b0 100644
--- a/src/app/cka/page.tsx
+++ b/src/app/cka/page.tsx
@@ -7,10 +7,10 @@ export default function CKA() {
   const questions = cka.questions["1.31"] as Record<string, string>;
   const seqs = Object.keys(questions);
   const contents = useMemo(() => {
-    return seqs.map((seq) => {
+    return seqs.map((seq, i) => {
       const question = questions[seq];
       return (
-        <div>
+        <div key={`c_${i}`}>
           <h1 className="text-xl font-bold">{`Question ${seq}`}</h1>
           <p>
             <ReactMarkdown className="markdown">{question}</ReactMarkdown>
@@ -51,6 +51,7 @@ export default function CKA() {
           <ul>
             {seqs.map((seq, index) => (
               <li
+                key={`menu_${index}`}
                 className="side-item"
                 onClick={() => setCurrent(contents[index])}
               >{`Question ${seq}`}</li>
diff --git a/src/app/cks/page.tsx b/src/app/cks/page.tsx
index 1352bbb..ed8b4ac 100644
--- a/src/app/cks/page.tsx
+++ b/src/app/cks/page.tsx
@@ -7,10 +7,10 @@ export default function CKS() {
   const questions = cks.questions["1.31"] as Record<string, string>;
   const seqs = Object.keys(questions);
   const contents = useMemo(() => {
-    return seqs.map((seq) => {
+    return seqs.map((seq, i) => {
       const question = questions[seq];
       return (
-        <div>
+        <div key={`c_${i}`}>
           <h1 className="text-xl font-bold">{`Question ${seq}`}</h1>
           <p>
             <ReactMarkdown className="markdown">{question}</ReactMarkdown>
@@ -28,18 +28,10 @@ export default function CKS() {
       <nav className="top-nav">
         <ul className="nav-list">
           <a className="nav-logo" href="/cka">
-            <img
-              src="/k8s/cka.svg"
-              alt="Next.js logo"
-              className="w-full h-full"
-            />
+            <img src="/k8s/cka.svg" className="w-full h-full" />
           </a>
-          <a className="nav-logo" href="/cka">
-            <img
-              src="/k8s/cka.svg"
-              alt="Next.js logo"
-              className="w-full h-full"
-            />
+          <a className="nav-logo" href="/cks">
+            <img src="/k8s/cks.svg" className="w-full h-full" />
           </a>
           <h3 className="text-blue-600 text-xl font-bold">
             Certified Kubernetes Security Specialist (CKS)
@@ -51,6 +43,7 @@ export default function CKS() {
           <ul>
             {seqs.map((seq, index) => (
               <li
+                key={`menu_${index}`}
                 className="side-item"
                 onClick={() => setCurrent(contents[index])}
               >{`Question ${seq}`}</li>
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 95ea4e6..aca0a01 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,17 +1,6 @@
 import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
 
-const geistSans = Geist({
-  variable: "--font-geist-sans",
-  subsets: ["latin"],
-});
-
-const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",
-  subsets: ["latin"],
-});
-
 export const metadata: Metadata = {
   title: "K8s Simulator Q&A",
   description: "Generated by create next app",
@@ -24,11 +13,7 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en">
-      <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
-      >
-        {children}
-      </body>
+      <body className={`antialiased`}>{children}</body>
     </html>
   );
 }
