diff --git a/docs/src/containers/DownloadApp/index.js b/docs/src/containers/DownloadApp/index.js
index ef9e00ba5..9d1cd6a48 100644
--- a/docs/src/containers/DownloadApp/index.js
+++ b/docs/src/containers/DownloadApp/index.js
@@ -133,36 +133,28 @@ export default function DownloadApp() {
   }
 
   return (
-    <div>
-      <div className="flex flex-col items-center justify-center gap-4 mb-4">
-        <h6 className="text-2xl font-medium">Detailed platforms</h6>
-        <p className="leading-relaxed text-black/60 dark:text-white/60">
-          Jan is in the process of being built. Expect bugs!
-        </p>
-      </div>
-      <div className="w-full lg:w-3/5 mx-auto px-4">
-        <div className="grid grid-cols-1 lg:grid-cols-3 py-10 gap-8">
-          {groupTemnplate.map((item, i) => {
-            return (
-              <div
-                className="border border-[#F0F0F0] dark:border-gray-800 rounded-xl text-center"
-                key={i}
-              >
-                <div className="text-center">
-                  <div className="flex gap-2 p-4 border-b border-[#F0F0F0] dark:border-gray-800 items-center justify-center">
-                    <div className="text-2xl">
-                      <item.logo />
-                    </div>
-                    <h6>{item.label}</h6>
-                  </div>
-                  <div className="mx-auto text-center py-2">
-                    {renderDownloadLink(item.name)}
+    <div className="w-full lg:w-3/5 mx-auto px-4">
+      <div className="grid grid-cols-1 lg:grid-cols-3 py-10 gap-8">
+        {groupTemnplate.map((item, i) => {
+          return (
+            <div
+              className="border border-[#F0F0F0] dark:border-gray-800 rounded-xl text-center"
+              key={i}
+            >
+              <div className="text-center">
+                <div className="flex gap-2 p-4 border-b border-[#F0F0F0] dark:border-gray-800 items-center justify-center">
+                  <div className="text-2xl">
+                    <item.logo />
                   </div>
+                  <h6>{item.label}</h6>
+                </div>
+                <div className="mx-auto text-center py-2">
+                  {renderDownloadLink(item.name)}
                 </div>
               </div>
-            )
-          })}
-        </div>
+            </div>
+          )
+        })}
       </div>
     </div>
   )
diff --git a/docs/src/pages/download.js b/docs/src/pages/download.js
index 32b5b4ca1..4cbf471d8 100644
--- a/docs/src/pages/download.js
+++ b/docs/src/pages/download.js
@@ -25,16 +25,8 @@ export default function Download() {
             <p className="text-2xl -mt-1 leading-relaxed text-black/60 dark:text-white/60">
               Turn your computer into an AI machine
             </p>
-
-            <div className="my-16">
-              <ThemedImage
-                className="w-28 mx-auto h-auto"
-                alt="App screenshots"
-                sources={{
-                  light: useBaseUrl('/img/homepage/mac-system-black.svg'),
-                  dark: useBaseUrl('/img/homepage/mac-system-white.svg'),
-                }}
-              />
+            <div className="my-8">
+              <DownloadApp />
             </div>
 
             <div className="mb-14">
@@ -53,7 +45,6 @@ export default function Download() {
                 Changelog
               </a>
             </div>
-            <DownloadApp />
           </div>
         </main>
       </Layout>