diff --git a/docs/changelog.html b/docs/changelog.html
index 02e4aee..d736235 100644
--- a/docs/changelog.html
+++ b/docs/changelog.html
@@ -58,11 +58,19 @@
     </nav>
 
     <div class="wrapper">
-      <div class="about-text">
+      <div class="about-text changelog">
         <h1>Changelog</h1>
       </div>
       <div class="changelog-split-row">
         <div class="column">
+          <div class="default-card">
+            <h2>Server Maintenance</h2>
+            <p>May 30, 2024</p>
+            <p>We would like to inform you that we have scheduled server maintenance for [Your Software/Service Name] on [Maintenance Date] from [Start Time] to [End Time]. This maintenance is essential to ensure the continued performance, reliability, and security of our systems. Please mark your calendar and plan accordingly for this maintenance window. If you have any questions or need assistance, please contact our support team at [Support Email Address] or visit our [Support Page].
+            <p>Thank you for your cooperation,</p>
+            <p>[Your Company Name]</p>
+            </p>
+          </div>
           <div class="default-card">
             <h2>Donation page created</h2>
             <p>May 28, 2024</p>
diff --git a/docs/main.css b/docs/main.css
index c496818..cad54b0 100644
--- a/docs/main.css
+++ b/docs/main.css
@@ -131,6 +131,10 @@ nav ul li a:hover {
     padding: var(--about-text-padding);
 }
 
+.changelog {
+    max-width: 800px;
+}
+
 .bg-form {
     background-color: var(--container-color);
     /* grid-column: 1;
@@ -206,6 +210,8 @@ h1 {
     padding: 20px;
     margin-top: 20px;
     text-align: left;
+    text-wrap: wrap;
+    max-width: 800px;
 }
 
 .changelog-split-row {
@@ -213,6 +219,7 @@ h1 {
     display: flex;
     flex-direction: row;
     gap: 10px;
+    /* margin: 0 auto; */
 }
 
 .top-left {