diff --git a/docs/genres/index.html b/docs/genres/index.html
index c53e626..2015fb8 100644
--- a/docs/genres/index.html
+++ b/docs/genres/index.html
@@ -115,6 +115,30 @@
         </header>
         <div class="carasol">
           
+            <div class="card">
+  <div class="card-image">
+    <img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BNmQxZTNiODYtNzBhYy00MzVlLWJlN2UtNTc4YWZjMDIwMmEzXkEyXkFqcGdeQXVyMTkxNjUyNQ@@._V1_SX800.jpg alt="The French Dispatch" />
+    
+  </div>
+  <section class="card-content">
+    <header>
+      <h3 class="subtitle">The French Dispatch</h3>
+    </header>
+    <div style="text-align: justify;">Authors for a New Yorker-esque magazine report on a small town in France</div>
+    <div class="cluster spacing:between">
+      <div class="cluster s1 align:center">
+        <img src="https://caalden.github.io/film/imdb-logo-small.png" class="icon" alt="imbd logo">
+        <span class="numbers">7.2</span>
+      </div>
+      <div>
+        <a class="button" href="/film/reviews/the-french-dispatch/">
+          Read review
+        </a>
+    </div>
+  </div>
+</div>
+
+          
             <div class="card">
   <div class="card-image">
     <img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BYTM3ZTllNzItNTNmOS00NzJiLTg1MWMtMjMxNDc0NmJhODU5XkEyXkFqcGdeQXVyODE5NzE3OTE@._V1_SX800.jpg alt="Kingsman: The Secret Service" />
@@ -139,6 +163,16 @@
 </div>
 
           
+        </div>
+      </section>
+    
+      <section>
+        <header class="cluster spacing:between p1" style="align-items: flex-end;">
+          <h2>Drama</h2>
+          <a href="drama" class="button button:large">See more</a>
+        </header>
+        <div class="carasol">
+          
             <div class="card">
   <div class="card-image">
     <img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BNmQxZTNiODYtNzBhYy00MzVlLWJlN2UtNTc4YWZjMDIwMmEzXkEyXkFqcGdeQXVyMTkxNjUyNQ@@._V1_SX800.jpg alt="The French Dispatch" />
@@ -163,16 +197,6 @@
 </div>
 
           
-        </div>
-      </section>
-    
-      <section>
-        <header class="cluster spacing:between p1" style="align-items: flex-end;">
-          <h2>Drama</h2>
-          <a href="drama" class="button button:large">See more</a>
-        </header>
-        <div class="carasol">
-          
             <div class="card">
   <div class="card-image">
     <img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTI1NzQ5MzU1OV5BMl5BanBnXkFtZTcwNzExODU0MQ@@._V1_SX800.jpg alt="No Reservations" />
@@ -197,30 +221,6 @@
 </div>
 
           
-            <div class="card">
-  <div class="card-image">
-    <img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BNmQxZTNiODYtNzBhYy00MzVlLWJlN2UtNTc4YWZjMDIwMmEzXkEyXkFqcGdeQXVyMTkxNjUyNQ@@._V1_SX800.jpg alt="The French Dispatch" />
-    
-  </div>
-  <section class="card-content">
-    <header>
-      <h3 class="subtitle">The French Dispatch</h3>
-    </header>
-    <div style="text-align: justify;">Authors for a New Yorker-esque magazine report on a small town in France</div>
-    <div class="cluster spacing:between">
-      <div class="cluster s1 align:center">
-        <img src="https://caalden.github.io/film/imdb-logo-small.png" class="icon" alt="imbd logo">
-        <span class="numbers">7.2</span>
-      </div>
-      <div>
-        <a class="button" href="/film/reviews/the-french-dispatch/">
-          Read review
-        </a>
-    </div>
-  </div>
-</div>
-
-          
         </div>
       </section>
     
diff --git a/docs/review.css b/docs/review.css
index 529a2c4..0833521 100644
--- a/docs/review.css
+++ b/docs/review.css
@@ -19,6 +19,7 @@
 }
 
 .review-poster {
+  position: relative;
   aspect-ratio: 1/1;
   flex-basis: 200px;
   max-width: 200px;
@@ -32,3 +33,13 @@
   height: 100%;
   object-fit: cover;
 }
+
+.review-favorite {
+  position: absolute;
+  display: flex;
+  right: 10px;
+  top: 10px;
+  padding: 10px;
+  background: rgba(255,255,255,0.25);
+  border-radius: 100%;
+}
diff --git a/docs/reviews/kingsman/index.html b/docs/reviews/kingsman/index.html
index ea40813..9084513 100644
--- a/docs/reviews/kingsman/index.html
+++ b/docs/reviews/kingsman/index.html
@@ -50,6 +50,7 @@
     
       <div class="review-poster">
         <img src=https://m.media-amazon.com/images/M/MV5BYTM3ZTllNzItNTNmOS00NzJiLTg1MWMtMjMxNDc0NmJhODU5XkEyXkFqcGdeQXVyODE5NzE3OTE@._V1_SX800.jpg alt="Poster">
+        
       </div>
     
     <h1>Kingsman: The Secret Service</h1>
diff --git a/docs/reviews/no-reservations/index.html b/docs/reviews/no-reservations/index.html
index 92381c7..d3cf531 100644
--- a/docs/reviews/no-reservations/index.html
+++ b/docs/reviews/no-reservations/index.html
@@ -50,6 +50,7 @@
     
       <div class="review-poster">
         <img src=https://m.media-amazon.com/images/M/MV5BMTI1NzQ5MzU1OV5BMl5BanBnXkFtZTcwNzExODU0MQ@@._V1_SX800.jpg alt="Poster">
+        
       </div>
     
     <h1>No Reservations</h1>
diff --git a/docs/reviews/the-french-dispatch/index.html b/docs/reviews/the-french-dispatch/index.html
index ae7b6ca..a3e04c4 100644
--- a/docs/reviews/the-french-dispatch/index.html
+++ b/docs/reviews/the-french-dispatch/index.html
@@ -50,6 +50,7 @@
     
       <div class="review-poster">
         <img src=https://m.media-amazon.com/images/M/MV5BNmQxZTNiODYtNzBhYy00MzVlLWJlN2UtNTc4YWZjMDIwMmEzXkEyXkFqcGdeQXVyMTkxNjUyNQ@@._V1_SX800.jpg alt="Poster">
+        
       </div>
     
     <h1>The French Dispatch</h1>
diff --git a/docs/search.js b/docs/search.js
index 0d5bec5..c06afec 100644
--- a/docs/search.js
+++ b/docs/search.js
@@ -1,8 +1,12 @@
 const searchInput = document.getElementById('movie-search');
 const datalist = document.getElementById('movies');
 const dataitems = new Map();
+const dataSummaries = new Map();
 Array.from(datalist.children).forEach(function (ch) {
   dataitems.set(ch.value, ch.getAttribute('data-value'));
+  if (navigator.userAgent.match(/firefox/i)) {
+    ch.innerHTML = ch.value;
+  }
 });
 
 searchInput.addEventListener('change', function(e) {
diff --git a/layouts/partials/search.html b/layouts/partials/search.html
deleted file mode 100644
index e69de29..0000000
diff --git a/static/search.js b/static/search.js
index 0d5bec5..c06afec 100644
--- a/static/search.js
+++ b/static/search.js
@@ -1,8 +1,12 @@
 const searchInput = document.getElementById('movie-search');
 const datalist = document.getElementById('movies');
 const dataitems = new Map();
+const dataSummaries = new Map();
 Array.from(datalist.children).forEach(function (ch) {
   dataitems.set(ch.value, ch.getAttribute('data-value'));
+  if (navigator.userAgent.match(/firefox/i)) {
+    ch.innerHTML = ch.value;
+  }
 });
 
 searchInput.addEventListener('change', function(e) {