From 99cc32f83136860bdaf7c8dad434086025d2d3a0 Mon Sep 17 00:00:00 2001
From: Dorian Niemiec <dorian.niemiec@svrjs.org>
Date: Mon, 29 Jul 2024 22:22:33 +0200
Subject: [PATCH 1/4] Fix clipped text in the bottom on the heading in
 /changelogs/[slug] pages.

---
 app/(root)/changelogs/[slug]/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/(root)/changelogs/[slug]/page.tsx b/app/(root)/changelogs/[slug]/page.tsx
index 0b1ae03..5e232f7 100644
--- a/app/(root)/changelogs/[slug]/page.tsx
+++ b/app/(root)/changelogs/[slug]/page.tsx
@@ -73,7 +73,7 @@ const Page = ({ params }: { params: { slug: string } }) => {
 	return (
 		<>
 			<section className="wrapper container py-24 md:py-28 gap-4 flex flex-col">
-				<h1 className="text-3xl md:text-5xl font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+				<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 					{page.title}
 				</h1>
 				<ReactMarkdown className="prose max-w-full prose-lg dark:prose-invert">

From 8949594090a8a5ed0e3b8f6597e60eca849aaecf Mon Sep 17 00:00:00 2001
From: Dorian Niemiec <dorian.niemiec@svrjs.org>
Date: Mon, 29 Jul 2024 22:29:19 +0200
Subject: [PATCH 2/4] Make the text below the heading and the prose smaller on
 mobile devices.

---
 app/(root)/changelogs/[slug]/page.tsx | 2 +-
 app/(root)/changelogs/page.tsx        | 6 +++---
 app/(root)/contribute/page.tsx        | 4 ++--
 app/(root)/downloads/page.tsx         | 2 +-
 app/(root)/mods/page.tsx              | 2 +-
 app/(root)/privacy-policy/page.tsx    | 4 ++--
 app/(root)/tos/page.tsx               | 4 ++--
 app/(root)/vulnerabilities/page.tsx   | 4 ++--
 8 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/app/(root)/changelogs/[slug]/page.tsx b/app/(root)/changelogs/[slug]/page.tsx
index 5e232f7..e6a8436 100644
--- a/app/(root)/changelogs/[slug]/page.tsx
+++ b/app/(root)/changelogs/[slug]/page.tsx
@@ -76,7 +76,7 @@ const Page = ({ params }: { params: { slug: string } }) => {
 				<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 					{page.title}
 				</h1>
-				<ReactMarkdown className="prose max-w-full prose-lg dark:prose-invert">
+				<ReactMarkdown className="prose max-w-full md:prose-lg dark:prose-invert">
 					{page.content}
 				</ReactMarkdown>
 			</section>
diff --git a/app/(root)/changelogs/page.tsx b/app/(root)/changelogs/page.tsx
index 0b26690..6ed4172 100644
--- a/app/(root)/changelogs/page.tsx
+++ b/app/(root)/changelogs/page.tsx
@@ -57,7 +57,7 @@ const LogsPage: React.FC = () => {
 			<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				Server LOGS
 			</h1>
-			<p className="text-lg text-muted-foreground text-start mb-4">
+			<p className="md:text-lg text-muted-foreground text-start mb-4">
 				Get all the latest version of SVRJS download and compiled Files here!
 			</p>
 			{error && <p className="text-red-500">{error}</p>}
@@ -65,7 +65,7 @@ const LogsPage: React.FC = () => {
 			{reversedDownloads.map((download) => (
 				<div
 					key={download._id}
-					className="flex-start prose max-w-full prose-lg dark:prose-invert flex-col"
+					className="flex-start prose max-w-full md:prose-lg dark:prose-invert flex-col"
 				>
 					<h2 className="font-bold text-3xl">{download.version}</h2>
 					<span className="font-medium italic">{download.date}</span>
@@ -76,7 +76,7 @@ const LogsPage: React.FC = () => {
 					</ul>
 				</div>
 			))}
-			<div className="prose max-w-full prose-lg dark:prose-invert">
+			<div className="prose max-w-full md:prose-lg dark:prose-invert">
 				<ReactMarkdown>{CHANGE_LOGS}</ReactMarkdown>
 			</div>
 		</section>
diff --git a/app/(root)/contribute/page.tsx b/app/(root)/contribute/page.tsx
index b0070c8..9a846cc 100644
--- a/app/(root)/contribute/page.tsx
+++ b/app/(root)/contribute/page.tsx
@@ -15,11 +15,11 @@ const Contribute = () => {
 			<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				Contributing to SVR.JS
 			</h1>
-			<p className="text-lg text-muted-foreground text-start mb-4">
+			<p className="md:text-lg text-muted-foreground text-start mb-4">
 				We welcome contributions from the community! Here&apos;s how you can
 				help!
 			</p>
-			<div className="prose max-w-full prose-lg dark:prose-invert">
+			<div className="prose max-w-full md:prose-lg dark:prose-invert">
 				<ReactMarkdown>{contribute}</ReactMarkdown>
 			</div>
 		</section>
diff --git a/app/(root)/downloads/page.tsx b/app/(root)/downloads/page.tsx
index e090aa9..0726796 100644
--- a/app/(root)/downloads/page.tsx
+++ b/app/(root)/downloads/page.tsx
@@ -61,7 +61,7 @@ const DownloadPage: React.FC = () => {
       <h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
         Downloads
       </h1>
-      <p className="text-lg text-muted-foreground text-start mb-4">
+      <p className="md:text-lg text-muted-foreground text-start mb-4">
         Get all the latest version of SVRJS download and compiled Files here!
       </p>
       {error && <p className="text-red-500">{error}</p>}
diff --git a/app/(root)/mods/page.tsx b/app/(root)/mods/page.tsx
index 4393b20..67c0ffb 100644
--- a/app/(root)/mods/page.tsx
+++ b/app/(root)/mods/page.tsx
@@ -61,7 +61,7 @@ const ModsPage: React.FC = () => {
       <h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
         SvrJS Mods
       </h1>
-      <p className="text-lg text-muted-foreground text-start mb-4">
+      <p className="md:text-lg text-muted-foreground text-start mb-4">
         Get all the latest version of SVRJS Mods and compiled Files here!{" "}
       </p>
       {error && <p className="text-red-500">{error}</p>}
diff --git a/app/(root)/privacy-policy/page.tsx b/app/(root)/privacy-policy/page.tsx
index 0634eb5..caa5c48 100644
--- a/app/(root)/privacy-policy/page.tsx
+++ b/app/(root)/privacy-policy/page.tsx
@@ -17,10 +17,10 @@ const PrivacyPolicy = () => {
 			<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				Privacy Policy
 			</h1>
-			<p className="text-lg text-muted-foreground text-start mb-4">
+			<p className="md:text-lg text-muted-foreground text-start mb-4">
 				Effective date: 26.05.2024
 			</p>
-			<div className="prose max-w-full prose-lg dark:prose-invert">
+			<div className="prose max-w-full md:prose-lg dark:prose-invert">
 				<ReactMarkdown>{PRIVACY_POLICY}</ReactMarkdown>
 			</div>
 		</section>
diff --git a/app/(root)/tos/page.tsx b/app/(root)/tos/page.tsx
index 8e74c70..4013bc8 100644
--- a/app/(root)/tos/page.tsx
+++ b/app/(root)/tos/page.tsx
@@ -15,10 +15,10 @@ const TermsOfService = () => {
 			<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				Terms and Conditions
 			</h1>
-			<p className="text-lg text-muted-foreground text-start mb-4">
+			<p className="md:text-lg text-muted-foreground text-start mb-4">
 				Last updated: 24.04.2024
 			</p>
-			<div className="prose max-w-full prose-lg dark:prose-invert">
+			<div className="prose max-w-full md:prose-lg dark:prose-invert">
 				<ReactMarkdown>{TERMS_AND_CONDITIONS}</ReactMarkdown>
 			</div>
 		</section>
diff --git a/app/(root)/vulnerabilities/page.tsx b/app/(root)/vulnerabilities/page.tsx
index e5274ee..930d3f2 100644
--- a/app/(root)/vulnerabilities/page.tsx
+++ b/app/(root)/vulnerabilities/page.tsx
@@ -15,14 +15,14 @@ const Vulnerabilities = () => {
 			<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				SVR.JS Vulnerabilities
 			</h1>
-			<p className="text-lg text-muted-foreground text-start mb-4">
+			<p className="md:text-lg text-muted-foreground text-start mb-4">
 				Some older versions of SVR.JS are vulnerable to cyberattacks. It&apos;s
 				recommended to update your SVR.JS version to the newest one. If you find
 				a security issue with SVR.JS, report it as soon as possible to
 				vulnerability-reports[at]svrjs[dot]org. We&apos;ll mitigate that
 				vulnerability if it is possible.
 			</p>
-			<div className="prose max-w-full prose-lg dark:prose-invert">
+			<div className="prose max-w-full md:prose-lg dark:prose-invert">
 				<ReactMarkdown>{vulnerabilities}</ReactMarkdown>
 			</div>
 		</section>

From 046911d82e4e002e03062491c633873220656354 Mon Sep 17 00:00:00 2001
From: Dorian Niemiec <dorian.niemiec@svrjs.org>
Date: Mon, 29 Jul 2024 22:57:35 +0200
Subject: [PATCH 3/4] Fix clipped in the bottom heading text on mobile devices.
 Also correct spacing in between of children elements.

---
 app/(root)/changelogs/[slug]/page.tsx | 4 ++--
 app/(root)/changelogs/page.tsx        | 6 +++---
 app/(root)/contribute/page.tsx        | 4 ++--
 app/(root)/downloads/page.tsx         | 4 ++--
 app/(root)/mods/page.tsx              | 4 ++--
 app/(root)/privacy-policy/page.tsx    | 4 ++--
 app/(root)/tos/page.tsx               | 4 ++--
 app/(root)/vulnerabilities/page.tsx   | 4 ++--
 8 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/app/(root)/changelogs/[slug]/page.tsx b/app/(root)/changelogs/[slug]/page.tsx
index e6a8436..f420fb7 100644
--- a/app/(root)/changelogs/[slug]/page.tsx
+++ b/app/(root)/changelogs/[slug]/page.tsx
@@ -72,8 +72,8 @@ const Page = ({ params }: { params: { slug: string } }) => {
 
 	return (
 		<>
-			<section className="wrapper container py-24 md:py-28 gap-4 flex flex-col">
-				<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+			<section className="wrapper container py-24 md:py-28 gap-2 flex flex-col">
+				<h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 					{page.title}
 				</h1>
 				<ReactMarkdown className="prose max-w-full md:prose-lg dark:prose-invert">
diff --git a/app/(root)/changelogs/page.tsx b/app/(root)/changelogs/page.tsx
index 6ed4172..3bca07d 100644
--- a/app/(root)/changelogs/page.tsx
+++ b/app/(root)/changelogs/page.tsx
@@ -52,9 +52,9 @@ const LogsPage: React.FC = () => {
 	return (
 		<section
 			id="logs"
-			className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
+			className="wrapper container py-24 md:py-28 gap-2 flex flex-col"
 		>
-			<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+			<h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				Server LOGS
 			</h1>
 			<p className="md:text-lg text-muted-foreground text-start mb-4">
@@ -65,7 +65,7 @@ const LogsPage: React.FC = () => {
 			{reversedDownloads.map((download) => (
 				<div
 					key={download._id}
-					className="flex-start prose max-w-full md:prose-lg dark:prose-invert flex-col"
+					className="flex-start prose max-w-full md:prose-lg dark:prose-invert flex-col mb-4"
 				>
 					<h2 className="font-bold text-3xl">{download.version}</h2>
 					<span className="font-medium italic">{download.date}</span>
diff --git a/app/(root)/contribute/page.tsx b/app/(root)/contribute/page.tsx
index 9a846cc..efdaedd 100644
--- a/app/(root)/contribute/page.tsx
+++ b/app/(root)/contribute/page.tsx
@@ -10,9 +10,9 @@ const Contribute = () => {
 	return (
 		<section
 			id="tos"
-			className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
+			className="wrapper container py-24 md:py-28 gap-2 flex flex-col"
 		>
-			<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+			<h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				Contributing to SVR.JS
 			</h1>
 			<p className="md:text-lg text-muted-foreground text-start mb-4">
diff --git a/app/(root)/downloads/page.tsx b/app/(root)/downloads/page.tsx
index 0726796..6c4b150 100644
--- a/app/(root)/downloads/page.tsx
+++ b/app/(root)/downloads/page.tsx
@@ -56,9 +56,9 @@ const DownloadPage: React.FC = () => {
   return (
     <section
       id="download"
-      className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
+      className="wrapper container py-24 md:py-28 gap-2 flex flex-col"
     >
-      <h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+      <h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
         Downloads
       </h1>
       <p className="md:text-lg text-muted-foreground text-start mb-4">
diff --git a/app/(root)/mods/page.tsx b/app/(root)/mods/page.tsx
index 67c0ffb..b9c3b84 100644
--- a/app/(root)/mods/page.tsx
+++ b/app/(root)/mods/page.tsx
@@ -56,9 +56,9 @@ const ModsPage: React.FC = () => {
   return (
     <section
       id="mods"
-      className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
+      className="wrapper container py-24 md:py-28 gap-2 flex flex-col"
     >
-      <h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+      <h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
         SvrJS Mods
       </h1>
       <p className="md:text-lg text-muted-foreground text-start mb-4">
diff --git a/app/(root)/privacy-policy/page.tsx b/app/(root)/privacy-policy/page.tsx
index caa5c48..6574239 100644
--- a/app/(root)/privacy-policy/page.tsx
+++ b/app/(root)/privacy-policy/page.tsx
@@ -12,9 +12,9 @@ const PrivacyPolicy = () => {
 	return (
 		<section
 			id="privacy-policy"
-			className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
+			className="wrapper container py-24 md:py-28 gap-2 flex flex-col"
 		>
-			<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+			<h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				Privacy Policy
 			</h1>
 			<p className="md:text-lg text-muted-foreground text-start mb-4">
diff --git a/app/(root)/tos/page.tsx b/app/(root)/tos/page.tsx
index 4013bc8..e5aa530 100644
--- a/app/(root)/tos/page.tsx
+++ b/app/(root)/tos/page.tsx
@@ -10,9 +10,9 @@ const TermsOfService = () => {
 	return (
 		<section
 			id="tos"
-			className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
+			className="wrapper container py-24 md:py-28 gap-2 flex flex-col"
 		>
-			<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+			<h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				Terms and Conditions
 			</h1>
 			<p className="md:text-lg text-muted-foreground text-start mb-4">
diff --git a/app/(root)/vulnerabilities/page.tsx b/app/(root)/vulnerabilities/page.tsx
index 930d3f2..31fd084 100644
--- a/app/(root)/vulnerabilities/page.tsx
+++ b/app/(root)/vulnerabilities/page.tsx
@@ -10,9 +10,9 @@ const Vulnerabilities = () => {
 	return (
 		<section
 			id="tos"
-			className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
+			className="wrapper container py-24 md:py-28 gap-2 flex flex-col"
 		>
-			<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+			<h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				SVR.JS Vulnerabilities
 			</h1>
 			<p className="md:text-lg text-muted-foreground text-start mb-4">

From 2ef41b3d644fb7c50e2ac876832fb93500de0eaf Mon Sep 17 00:00:00 2001
From: Dorian Niemiec <dorian.niemiec@svrjs.org>
Date: Mon, 29 Jul 2024 23:03:55 +0200
Subject: [PATCH 4/4] Correct out spacing below the text below the heading.

---
 app/(root)/changelogs/page.tsx      | 2 +-
 app/(root)/contribute/page.tsx      | 2 +-
 app/(root)/downloads/page.tsx       | 2 +-
 app/(root)/mods/page.tsx            | 2 +-
 app/(root)/privacy-policy/page.tsx  | 2 +-
 app/(root)/tos/page.tsx             | 2 +-
 app/(root)/vulnerabilities/page.tsx | 2 +-
 7 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/(root)/changelogs/page.tsx b/app/(root)/changelogs/page.tsx
index 3bca07d..57d8a7b 100644
--- a/app/(root)/changelogs/page.tsx
+++ b/app/(root)/changelogs/page.tsx
@@ -57,7 +57,7 @@ const LogsPage: React.FC = () => {
 			<h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				Server LOGS
 			</h1>
-			<p className="md:text-lg text-muted-foreground text-start mb-4">
+			<p className="md:text-lg text-muted-foreground text-start mb-6">
 				Get all the latest version of SVRJS download and compiled Files here!
 			</p>
 			{error && <p className="text-red-500">{error}</p>}
diff --git a/app/(root)/contribute/page.tsx b/app/(root)/contribute/page.tsx
index efdaedd..1bd577e 100644
--- a/app/(root)/contribute/page.tsx
+++ b/app/(root)/contribute/page.tsx
@@ -15,7 +15,7 @@ const Contribute = () => {
 			<h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				Contributing to SVR.JS
 			</h1>
-			<p className="md:text-lg text-muted-foreground text-start mb-4">
+			<p className="md:text-lg text-muted-foreground text-start mb-6">
 				We welcome contributions from the community! Here&apos;s how you can
 				help!
 			</p>
diff --git a/app/(root)/downloads/page.tsx b/app/(root)/downloads/page.tsx
index 6c4b150..706eb20 100644
--- a/app/(root)/downloads/page.tsx
+++ b/app/(root)/downloads/page.tsx
@@ -61,7 +61,7 @@ const DownloadPage: React.FC = () => {
       <h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
         Downloads
       </h1>
-      <p className="md:text-lg text-muted-foreground text-start mb-4">
+      <p className="md:text-lg text-muted-foreground text-start mb-6">
         Get all the latest version of SVRJS download and compiled Files here!
       </p>
       {error && <p className="text-red-500">{error}</p>}
diff --git a/app/(root)/mods/page.tsx b/app/(root)/mods/page.tsx
index b9c3b84..e9f276e 100644
--- a/app/(root)/mods/page.tsx
+++ b/app/(root)/mods/page.tsx
@@ -61,7 +61,7 @@ const ModsPage: React.FC = () => {
       <h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
         SvrJS Mods
       </h1>
-      <p className="md:text-lg text-muted-foreground text-start mb-4">
+      <p className="md:text-lg text-muted-foreground text-start mb-6">
         Get all the latest version of SVRJS Mods and compiled Files here!{" "}
       </p>
       {error && <p className="text-red-500">{error}</p>}
diff --git a/app/(root)/privacy-policy/page.tsx b/app/(root)/privacy-policy/page.tsx
index 6574239..00c9eed 100644
--- a/app/(root)/privacy-policy/page.tsx
+++ b/app/(root)/privacy-policy/page.tsx
@@ -17,7 +17,7 @@ const PrivacyPolicy = () => {
 			<h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				Privacy Policy
 			</h1>
-			<p className="md:text-lg text-muted-foreground text-start mb-4">
+			<p className="md:text-lg text-muted-foreground text-start mb-6">
 				Effective date: 26.05.2024
 			</p>
 			<div className="prose max-w-full md:prose-lg dark:prose-invert">
diff --git a/app/(root)/tos/page.tsx b/app/(root)/tos/page.tsx
index e5aa530..cc0f5a6 100644
--- a/app/(root)/tos/page.tsx
+++ b/app/(root)/tos/page.tsx
@@ -15,7 +15,7 @@ const TermsOfService = () => {
 			<h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				Terms and Conditions
 			</h1>
-			<p className="md:text-lg text-muted-foreground text-start mb-4">
+			<p className="md:text-lg text-muted-foreground text-start mb-6">
 				Last updated: 24.04.2024
 			</p>
 			<div className="prose max-w-full md:prose-lg dark:prose-invert">
diff --git a/app/(root)/vulnerabilities/page.tsx b/app/(root)/vulnerabilities/page.tsx
index 31fd084..fa76ec9 100644
--- a/app/(root)/vulnerabilities/page.tsx
+++ b/app/(root)/vulnerabilities/page.tsx
@@ -15,7 +15,7 @@ const Vulnerabilities = () => {
 			<h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				SVR.JS Vulnerabilities
 			</h1>
-			<p className="md:text-lg text-muted-foreground text-start mb-4">
+			<p className="md:text-lg text-muted-foreground text-start mb-6">
 				Some older versions of SVR.JS are vulnerable to cyberattacks. It&apos;s
 				recommended to update your SVR.JS version to the newest one. If you find
 				a security issue with SVR.JS, report it as soon as possible to