diff --git a/src/components/TypeFilter.astro b/src/components/TypeFilter.astro
index edd2cbe..f006537 100644
--- a/src/components/TypeFilter.astro
+++ b/src/components/TypeFilter.astro
@@ -15,7 +15,7 @@ const types = [
 ];
 ---
 
-<div class="flex gap-2 mb-6">
+<div class="flex flex-wrap gap-2 mb-6">
   {types.map(type => (
     <a
       href={`/${lang}/${contentType}/${type.id}`}
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 9cfbc36..32afeea 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -34,7 +34,7 @@ const announcement = {
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <link rel="canonical" href={canonicalURL} />
     
diff --git a/src/pages/[lang]/[contentType]/[type].astro b/src/pages/[lang]/[contentType]/[type].astro
index 8e4fa12..b1f909a 100644
--- a/src/pages/[lang]/[contentType]/[type].astro
+++ b/src/pages/[lang]/[contentType]/[type].astro
@@ -37,8 +37,8 @@ const title = `ComicK - ${getLanguageName(lang!)} ${contentType?.toUpperCase()}
   <main class="container mx-auto px-4 py-8">
     <div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4 mb-8">
       <h1 class="text-3xl font-bold text-primary">Latest Updates</h1>
-      <div class="flex flex-col sm:flex-row gap-4">
-        <div class="flex items-center gap-4">
+      <div class="flex flex-col sm:flex-row flex-wrap items-start gap-4">
+        <div class="flex items-center flex-wrap gap-4">
           <LanguageSelector currentLang={lang!} currentType={type!} contentType={contentType!} />
           <GenreFilter />
           <div class="flex gap-2">