diff --git a/apps/client/src/app/pages/about/changelog/changelog-page.html b/apps/client/src/app/pages/about/changelog/changelog-page.html
index 316e7fef4..60b146df5 100644
--- a/apps/client/src/app/pages/about/changelog/changelog-page.html
+++ b/apps/client/src/app/pages/about/changelog/changelog-page.html
@@ -7,37 +7,47 @@
         <ngx-skeleton-loader
           animation="pulse"
           [theme]="{
-            'border-radius': '0.25rem',
-            height: '1.375rem',
-            width: '35%'
+            height: '1.5rem',
+            width: '12rem'
+          }"
+        />
+        <ngx-skeleton-loader
+          animation="pulse"
+          class="mt-3"
+          [theme]="{
+            height: '1.25rem',
+            width: '5rem'
+          }"
+        />
+        <ngx-skeleton-loader
+          animation="pulse"
+          class="mt-3"
+          [theme]="{
+            height: '1.25rem',
+            width: '50%'
           }"
         />
         <ngx-skeleton-loader
           animation="pulse"
           class="mt-2"
           [theme]="{
-            'border-radius': '0.25rem',
-            height: '1.375rem',
-            width: '15%'
+            height: '1.25rem',
+            width: '75%'
           }"
         />
         <ngx-skeleton-loader
           animation="pulse"
           class="mt-2"
           [theme]="{
-            'border-radius': '0.25rem',
-            height: '1.375rem',
-            width: '65%'
+            height: '1.25rem',
+            width: '67%'
           }"
         />
-      } @else {
-        <div class="changelog">
-          <markdown
-            [src]="'../assets/CHANGELOG.md'"
-            (load)="onLoad()"
-          ></markdown>
-        </div>
       }
+
+      <div class="changelog">
+        <markdown [src]="'../assets/CHANGELOG.md'" (load)="onLoad()"></markdown>
+      </div>
     </div>
   </div>
 </div>