diff --git a/src/components/MovieCard.tsx b/src/components/MovieCard.tsx
index fd31064..bd2bea9 100644
--- a/src/components/MovieCard.tsx
+++ b/src/components/MovieCard.tsx
@@ -56,7 +56,7 @@ function MovieCard({
       />
 
       <span className="movie-card__rating">
-        ★ {movie.vote_average.toFixed(1)}
+        ★ {(movie.vote_average??0).toFixed(1)}
       </span>
       <img className="movie-card__poster" src={path} alt={movie.title} />
 
diff --git a/src/components/MovieDetails.css b/src/components/MovieDetails.css
index 74a3761..34cf23e 100644
--- a/src/components/MovieDetails.css
+++ b/src/components/MovieDetails.css
@@ -84,3 +84,30 @@
   height: 2rem;
   cursor: pointer;
 }
+
+/* Legger til litt css for å gjøre details litt større npår du trykker innpå på telefon. Som det står nå tar 
+det er bestemt prosent når du åpner, jeg vil gjøre den større, MEN bare på telenfon*/
+
+@media (max-width:700px) {
+  .details-overlay {
+    align-items: flex-end
+  }
+
+  .details-card {
+    width: calc(100% - 1.5rem);
+    max-width: none;
+    height: 92dvh;
+    margin-bottom: 0.75rem;
+  }
+  
+  .details-backdrop {
+    height: 180px
+  }
+
+  .details-close
+  .details-favorite {
+    width: 2.75rem;
+    height: 2.75rem;
+  }
+}
+