diff --git a/pages/app/about/layout.tsx b/pages/app/about/layout.tsx
new file mode 100644
index 0000000..b3d3f8b
--- /dev/null
+++ b/pages/app/about/layout.tsx
@@ -0,0 +1,5 @@
+import BaseLayout from '@/components/large/base_layout'
+
+export default function AbountLayout({ children }: { children: React.ReactNode }) {
+  return <BaseLayout>{children}</BaseLayout>
+}
diff --git a/pages/app/contact/layout.tsx b/pages/app/contact/layout.tsx
new file mode 100644
index 0000000..984b225
--- /dev/null
+++ b/pages/app/contact/layout.tsx
@@ -0,0 +1,5 @@
+import BaseLayout from '@/components/large/base_layout'
+
+export default function ContactLayout({ children }: { children: React.ReactNode }) {
+  return <BaseLayout>{children}</BaseLayout>
+}
diff --git a/pages/app/tag/layout.tsx b/pages/app/tag/layout.tsx
new file mode 100644
index 0000000..01eff96
--- /dev/null
+++ b/pages/app/tag/layout.tsx
@@ -0,0 +1,5 @@
+import BaseLayout from '@/components/large/base_layout'
+
+export default function TagLayout({ children }: { children: React.ReactNode }) {
+  return <BaseLayout>{children}</BaseLayout>
+}
diff --git a/pages/components/middle/comicbook.tsx b/pages/components/middle/comicbook.tsx
index 311d751..e22bcba 100644
--- a/pages/components/middle/comicbook.tsx
+++ b/pages/components/middle/comicbook.tsx
@@ -95,7 +95,7 @@ export default function ComicBook(props: ComicBookProps) {
   }
 
   return (
-    <div className="h-[95vh] w-full bg-gray-700 static" onKeyDown={keyEvent} tabIndex={0}>
+    <div className="h-[95vh] min-h-[95vh] w-full bg-gray-700 static" onKeyDown={keyEvent} tabIndex={0}>
       <div
         className={cn(
           'absolute top-0 left-0 w-full flex justify-center items-center bg-gray-300',