diff --git a/.github/demos/demo1.png b/.github/demos/demo1.png
index da0a4d1ba0..51efdcc247 100644
Binary files a/.github/demos/demo1.png and b/.github/demos/demo1.png differ
diff --git a/.github/demos/demo2.png b/.github/demos/demo2.png
index 0fa728a812..0a78de1334 100644
Binary files a/.github/demos/demo2.png and b/.github/demos/demo2.png differ
diff --git a/.github/demos/demo3.png b/.github/demos/demo3.png
index c73f3f9f97..de4e397f6e 100644
Binary files a/.github/demos/demo3.png and b/.github/demos/demo3.png differ
diff --git a/.github/demos/demo4.png b/.github/demos/demo4.png
index 0fbdda7f2d..52023ed5f1 100644
Binary files a/.github/demos/demo4.png and b/.github/demos/demo4.png differ
diff --git a/.github/demos/demo5.png b/.github/demos/demo5.png
new file mode 100644
index 0000000000..b999a9bf87
Binary files /dev/null and b/.github/demos/demo5.png differ
diff --git a/README.md b/README.md
index cbd7db9703..289ce79e61 100644
--- a/README.md
+++ b/README.md
@@ -20,11 +20,18 @@ And many more. Check out our [Documentation](https://docs.ayugram.one/desktop/).
 
 <h3>
   <details>
-    <summary>Preferences screenshots</summary>
-    <img src='.github/demos/demo1.png' width='268'>
-    <img src='.github/demos/demo2.png' width='268'>
-    <img src='.github/demos/demo3.png' width='268'>
-    <img src='.github/demos/demo4.png' width='268'>
+    <summary>Preview</summary>
+    <table>
+      <tr>
+        <td><img src='.github/demos/demo1.png' width='268' alt='Preferences'></td>
+        <td><img src='.github/demos/demo2.png' width='268' alt='AyuGram Options'></td>
+        <td><img src='.github/demos/demo3.png' width='268' alt='Message Filters'></td>
+      </tr>
+      <td colspan="3" style="text-align: center;">
+        <img src='.github/demos/demo4.png' width='268' alt='Appearance'>
+        <img src='.github/demos/demo5.png' width='268' alt='Chats'>
+      </td>
+    </table>
   </details>
 </h3>