diff --git a/resources/js/main.js b/resources/js/main.js
index 58ff8e6..bbf570a 100644
--- a/resources/js/main.js
+++ b/resources/js/main.js
@@ -79,24 +79,24 @@ document.body.setAttribute("path", window.location.pathname)
  * We watch the position of the vertical scroll of the page.
  * If it exceeds a certain point, we activate/deactivate the scroll mode of the header.
  */
-window.addEventListener("scroll", () => {
-  checkHeaderOnScroll();
-});
-
-function checkHeaderOnScroll(){
-  const BREAK_POINT = 60;
-  const CLASS = "top";
-  if(window.scrollY > BREAK_POINT){
-    if(HEADER.classList.contains(CLASS)){
-      HEADER.classList.remove(CLASS);
-    }
-  }
-  else{
-    if(!HEADER.classList.contains(CLASS)){
-      HEADER.classList.add(CLASS);
-    }
-  }
-}
-checkHeaderOnScroll();
+// window.addEventListener("scroll", () => {
+//   checkHeaderOnScroll();
+// });
+
+// function checkHeaderOnScroll(){
+//   const BREAK_POINT = 60;
+//   const CLASS = "top";
+//   if(window.scrollY > BREAK_POINT){
+//     if(HEADER.classList.contains(CLASS)){
+//       HEADER.classList.remove(CLASS);
+//     }
+//   }
+//   else{
+//     if(!HEADER.classList.contains(CLASS)){
+//       HEADER.classList.add(CLASS);
+//     }
+//   }
+// }
+// checkHeaderOnScroll();
 
-//#endregion
\ No newline at end of file
+//#endregion
diff --git a/resources/scss/module/apps.scss b/resources/scss/module/apps.scss
index 45ae22f..024d570 100644
--- a/resources/scss/module/apps.scss
+++ b/resources/scss/module/apps.scss
@@ -1,274 +1,58 @@
-h1.search-title {
-  font-family: "Helvetica-Bold", Helvetica;
-  font-weight: 700;
-  color: #000000;
-  font-size: 40px;
-  letter-spacing: 0;
-  line-height: normal;
-  white-space: nowrap;
-
-  margin-bottom: 20px;
-}
-
-.apps-container {
+div#app-head {
   display: flex;
-  flex-wrap: wrap;
-}
-
-.app-block {
-  display: inline-flex;
-  width: 280px;
-  height: 85px;
-
-  margin-bottom: 20px;
-  margin-right: 20px;
-
-  padding: 5px;
-  border-radius: 10px;
+  gap: 20px;
 
-  overflow: hidden;
 
-  transition: color .2s;
-
-  >.app-img {
-    width: 75px;
-    height: 75px;
-    background-color: #d9d9d9;
-    border-radius: 20px;
-    flex-shrink: 0;
+  >img {
+    width: 100px;
+    height: 100px;
+    object-fit: cover;
+    border-radius: 15px;
+    background-color: #fefefe;
   }
 
-  >.app-details {
-    padding-left: 5%;
-
-    >.app-title {
-      font-family: "Helvetica-Bold", Helvetica;
-      font-weight: 700;
-      color: black;
-      font-size: 24px;
-      letter-spacing: 0;
-      line-height: 30px;
-      white-space: nowrap;
+  >div#app-details {
+    margin-top: 15px;
 
-      overflow: hidden;
-      text-overflow: clip;
+    >h1 {
+      font-size: 35px;
+      font-weight: 500;
     }
 
-    >.app-desc {
-      font-family: "Helvetica-Bold", Helvetica;
-      font-weight: 700;
-      color: #818181;
-      font-size: 15px;
-      letter-spacing: 0;
-      line-height: normal;
+    >h2 {
+      margin-top: 5px;
+      font-size: 20px;
+      color: #777;
     }
   }
 }
 
 
-.app-block:hover>.app-details>.app-title {
-  color: #89D5C0;
-}
-
-////// PRODUCT VIEW/////
-.p-app{
-  font-family: Helvetica;
-  margin:0;
-  font-weight: 400;
-  font-size: 15px;
-}
-/* ARROW BACKWARD */
-
-.page-backward-link{
-  text-decoration: none;
-  font-size: 1.4rem;
-  color: #39BC9B;
-  display: flex;
-  align-items: center;
-  margin:30px;
-}
-.page-backward-link .arrow-backward {
-  margin-right: 1em;
-  height: 0.1em;
-  width: 1.5em;
-  position: relative;
-  background: #39BC9B;
-  transition: all 0.2s;
-}
-.page-backward-link .arrow-backward::before,
-.page-backward-link .arrow-backward::after {
-  content: "";
-  position: absolute;
-  left: 0;
-  top: 0;
-  background: #39BC9B;
-  height: 0.1em;
-  width: 0.6em;
-}
-.page-backward-link .arrow-backward::before {
-  transform: rotate(45deg);
-  transform-origin: left bottom;
-}
-.page-backward-link .arrow-backward::after {
-  transform: rotate(-45deg);
-  transform-origin: left top;
-}
-.page-backward-link:hover .arrow-backward {
-  width: 5em;
-}
-
-
-/*Template*/
-.template{
-  display:flex;
-  flex-direction: column;
-}
-.h2-app{
-  color: #828282;
-  font-size: 15px;
-  font-weight: 700;
-}
-/* Arrow */
-.exit{
-  width:100%;
-  display:flex;
-  flex-direction: column;
-}
-/* Structure */
-.element{
-  display:flex;
-  flex-direction: column;
-  justify-content: space-around;
-  margin-left: 6em;
-}
-
-/* Part 1 */
-
-.t1{
-  display:flex;
-  flex-direction: row;
-  height: 119px;
-  flex:2;
-}
-.t1-1{
-  display:flex;
-  flex-direction: row;
-  justify-content: space-between;
-}
-#square {
-  width: 119px;
-  height: 119px;
-  background: #D9D9D9;
-  border-radius: 20px;
-}
-.t1-1bis{
-  display:flex;
-  flex-direction: column;
-  justify-content: space-between;
-  margin-left:10px;
-}
-.t1-2{
-  display:flex;
-  flex-direction: row;
-  justify-content: space-between;
-  margin-left:5%;
-  margin-right:5%;
-  margin-top:3%;
-  flex:1
-}
-.t1-2bis{
-  display:flex;
-  flex-direction: column;
-  justify-content: center;
-}
-.t1-2bis p{
-  text-align: center;
-  color: #828282;
+table#app-details-table {
+  border-collapse: collapse;
   font-size: 15px;
-}
+  font-family: sans-serif;
 
-/* Part 2 */
-.t2{
-  margin-top:6em;
-  display:flex;
-  flex-direction: row;
-}
-#div-username{
-  display:flex;
-  justify-content: center;
-  margin: 2%;
-}
+  text-align: left;
+  color: #777;
 
-/* Part 3 */
-.t3{
-  margin-top:6em;
-  display:flex;
-  flex-direction: column;
-  margin-bottom:3em;
-}
-.t3 p{
-  margin-left:1em;
-}
+  margin: 15px 0;
 
+  th,
+  td {
+    padding-right: 35px;
+    border: 8px transparent solid;
+  }
 
-/* Part 4 */
-.t4{
-  display:flex;
-  flex-direction: column;
-}
-.version-container{
-  display:flex;
-  flex-direction: column;
-  border-bottom: 1px solid black;
-  margin-left: 1em;
-  margin-right: 3em;
-}
-.version-link{
-  display:flex;
-  flex-direction: row;
-  justify-content: space-between;
-  padding:3px;
-}
-.Upload-link{
-  text-decoration: none;
-  color:#39BC9B;
-}
-.inputD{
-  display:none;
-}
-.version-description{
-  display: none;
+  >thead {
+    font-weight: normal;
+  }
 }
 
-#v1:checked ~ #desc1{
-  display:flex;
-  flex-direction: column;
-  margin:1em;
-}
-#v2:checked ~ #desc2{
-  display:flex;
-  flex-direction: column;
-  margin:1em;
-}
-#v3:checked ~ #desc3{
-  display:flex;
-  flex-direction: column;
-  margin:1em;
-}
-#v4:checked ~ #desc4{
-  display:flex;
-  flex-direction: column;
-  margin:1em;
-}
-#v5:checked ~ #desc5{
-  display:flex;
-  flex-direction: column;
-  margin:1em;
-}
-#v6:checked ~ #desc6{
-  display:flex;
-  flex-direction: column;
-  margin-top:5px;
-  margin-bottom: 5px;
-}
+h1.app-prop-title {
+  font-size: 25px;
+  font-weight: 500;
 
+  margin-top: 20px;
+  margin-bottom: 10px;
+}
\ No newline at end of file
diff --git a/resources/views/store/app.edge b/resources/views/store/app.edge
index fe6d370..b51b083 100644
--- a/resources/views/store/app.edge
+++ b/resources/views/store/app.edge
@@ -1,84 +1,64 @@
 @component('store/store_container')
-    <div class="Group12" style="width: 274px; height: 75px; display: flex; margin: 10px;">
-        <div class="img" style="width: 75px; height: 75px; background: #f4f4f4; border-radius: 20px;">
-            <img src="{{ app.image ?? '/img/logo.png'}}" style="width: 100%; height: 100%; object-fit: cover; border-radius: 20px;">
-        </div>
-        <div style="margin-left: 15px; width: 175px; height: 75px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.2em;">
-            <h1 style="font-size: 30px;">{{app.name}}</h1>
-        </div>
-    </div>
-
-    <style>
-        table {
-        width: 100%;
-        border-collapse: collapse;
-        font-size: 15px;
-        font-family: sans-serif;
-        }
+<div id="app-head">
+  <img src="{{ app.image ?? '/img/logo.png'}}">
+  <div id="app-details">
+    <h1>{{app.name}}</h1>
+    <h2>{{author.username}}</h2>
+  </div>
+</div>
 
-        th, td {
-        text-align: left;
-        padding: 8px;
-        color: #777; /* Light gray color for text */
-        }
+<table id="app-details-table">
+  <thead>
+    <tr>
+      <th>Téléchargements</th>
+      <!-- <th>Taille</th> -->
+      <th>Langues supportés</th>
+      <th>Site web</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>{{app.downloads}}</td>
+      <!-- <td>Non implémenté</td> -->
+      <td>Francais</td>
+      <td><a href="{{app.ext_url}}">{{ (new URL(app.ext_url)).hostname }}</a></td>
+    </tr>
+  </tbody>
+</table>
 
-        th {
-        font-weight: normal; /* Remove bold from header */
-        }
-    </style>
 
-    <table style="max-width: 600px;">
-        <thead>
-            <tr>
-            <th>Classement</th>
-            <th>Notes</th>
-            <th>Créateur</th>
-            <th>Langue</th>
-            <th>Taille</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-            <td>N°1</td>
-            <td>5,0</td>
-            <td>{{author.username}}</td>
-            <td>Fr</td>
-            <td>100 Mo</td>
-            </tr>
-        </tbody>
-    </table>
+<h1 class="app-prop-title">Description</h1>
+<p>
+  {{app.desc}}
+</p>
 
-    <br>
-    <p>
-        {{app.desc}}
-    </p>
-    <br>
+<h1 class="app-prop-title">Versions</h1>
 
-    <table style="border: 1px solid gray;">
-      <th>
-      <td>Version</td>
-      <td>Actions</td>
-      </th>
-      @each(release in releases)
-      <tr>
-        <td>{{release.name}}</td>
-        <td>
-          <a href="/app/{{app.id}}/download?r={{release.id}}">Télécharger</a>
-          <a href="/app/{{app.id}}/source?r={{release.id}}">Voir source</a>
-          @if(release.changelog)
-          <a href="/app/{{app.id}}/changelog/{{release.id}}">Changelog</a>
-          @end
-        </td>
-      </tr>
+<table style="border: 1px solid gray;">
+  <thead>
+    <th>Version</th>
+    <th>Actions</th>
+  </thead>
+  @each(release in releases)
+  <tr>
+    <td>{{release.name}}</td>
+    <td>
+      <a href="/app/{{app.id}}/download?r={{release.id}}">Télécharger</a>
+      <a href="/app/{{app.id}}/source?r={{release.id}}">Voir source</a>
+      @if(release.changelog)
+      <a href="/app/{{app.id}}/changelog/{{release.id}}">Changelog</a>
       @end
-    </table>
+    </td>
+  </tr>
+  @end
+</table>
 
-    <div class="flex justify-center">
-      <a href="/app/{{app.id}}/manage" class="btn btn-submit">
-          Modifier
-      </a>
-      <a href="/app/{{app.id}}/releases/manage" class="btn btn-submit" style="margin-left: 10px;">
-          Gérer les versions
-      </a>
-  </div>
-@end
+<div class="flex justify-center">
+  <a href="/app/{{app.id}}/manage" class="btn btn-submit">
+    Modifier
+  </a>
+  <a href="/app/{{app.id}}/releases/manage" class="btn btn-submit" style="margin-left: 10px;">
+    Gérer les versions
+  </a>
+</div>
+@end
\ No newline at end of file
diff --git a/resources/views/store/store_container.edge b/resources/views/store/store_container.edge
index 6240641..501383e 100644
--- a/resources/views/store/store_container.edge
+++ b/resources/views/store/store_container.edge
@@ -42,4 +42,8 @@ Store
     </div>
   </div>
 </section>
+@endsection
+
+@section('script')
+@entryPointStyles('apps')
 @endsection
\ No newline at end of file