diff --git a/public/css/app.css b/public/css/app.css
index 40f642430..e61a1a105 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -1531,6 +1531,48 @@ button, input, optgroup, select, textarea{
 
 /* after the upgrade tailwind 3.2.1, this tags font-weight changed. Added this block for now */
 
+/* changelog modal styling for update center */
+
+.change-log-modal h2{
+  margin-bottom: 0.75rem;
+  font-size: 1.375rem;
+  line-height: 1.5rem;
+  font-weight: 700;
+  --tw-text-opacity: 1;
+  color: rgb(66 66 66 / var(--tw-text-opacity));
+}
+
+.change-log-modal h3{
+  margin-bottom: 0.75rem;
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+  font-weight: 700;
+  --tw-text-opacity: 1;
+  color: rgb(66 66 66 / var(--tw-text-opacity));
+}
+
+.change-log-modal ul{
+  margin-bottom: 0.75rem;
+  list-style-position: inside;
+  list-style-type: disc;
+}
+
+.change-log-modal li{
+  font-size: 1rem;
+  line-height: 1.5rem;
+  --tw-text-opacity: 1;
+  color: rgb(66 66 66 / var(--tw-text-opacity));
+}
+
+.change-log-modal a{
+  --tw-text-opacity: 1;
+  color: rgb(85 88 139 / var(--tw-text-opacity));
+  -webkit-text-decoration-line: underline;
+          text-decoration-line: underline;
+}
+
+/* changelog modal styling for update center */
+
 *, ::before, ::after{
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
diff --git a/resources/assets/sass/app.css b/resources/assets/sass/app.css
index 7db32f228..0f6a93bcb 100644
--- a/resources/assets/sass/app.css
+++ b/resources/assets/sass/app.css
@@ -191,6 +191,28 @@
         @apply font-normal;
     }
     /* after the upgrade tailwind 3.2.1, this tags font-weight changed. Added this block for now */
+
+    /* changelog modal styling for update center */
+    .change-log-modal h2 {
+        @apply text-2xl font-bold text-black mb-3;
+    }
+
+    .change-log-modal h3 {
+        @apply text-lg font-bold text-black mb-3;
+    }
+
+    .change-log-modal ul {
+        @apply list-disc list-inside mb-3;
+    }
+
+    .change-log-modal li {
+        @apply text-base text-black;
+    }
+
+    .change-log-modal a {
+        @apply text-purple underline;
+    }
+    /* changelog modal styling for update center */
 }
 
 /* menu */
diff --git a/resources/views/install/updates/index.blade.php b/resources/views/install/updates/index.blade.php
index 81a21f862..75787305b 100644
--- a/resources/views/install/updates/index.blade.php
+++ b/resources/views/install/updates/index.blade.php
@@ -109,7 +109,7 @@
         </x-index.container>
 
         <akaunting-modal v-if="changelog.show"
-            modal-dialog-class="max-w-screen-2xl"
+            modal-dialog-class="max-w-screen-xl change-log-modal"
             :show="changelog.show"
             :title="'{{ trans('updates.changelog') }}'"
             @cancel="changelog.show = false"