diff --git a/templates/components/Poster.html.twig b/templates/components/Poster.html.twig
index 5d6e14a..d70a40e 100644
--- a/templates/components/Poster.html.twig
+++ b/templates/components/Poster.html.twig
@@ -1,4 +1,14 @@
 <div{{ attributes }}>
-    <img src="{{ image }}" class="w-40 rounded-md" />
-    <h3 class="text-center text-gray-50 max-w-[16ch] text-extrabold">{{ title }}</h3>
+    <a href="{{ path('app_search_result', {
+        mediaType: "movies",
+        tmdbId: tmdbId
+    }) }}">
+        <img src="{{ image }}" class="w-40 rounded-md" />
+    </a>
+    <a href="{{ path('app_search_result', {
+        mediaType: "movies",
+        tmdbId: tmdbId
+    }) }}">
+        <h3 class="text-center text-gray-50 max-w-[16ch] text-extrabold">{{ title }}</h3>
+    </a>
 </div>
diff --git a/templates/index/index.html.twig b/templates/index/index.html.twig
index c3bf5a4..f81ecba 100644
--- a/templates/index/index.html.twig
+++ b/templates/index/index.html.twig
@@ -92,7 +92,12 @@
         <div class="">
             <twig:Card title="Popular Movies" contentClass="flex flex-row justify-between w-full">
                 {% for movie in popular_movies %}
-                    <twig:Poster imdbId="" title="{{ movie.title }}" description="{{ movie.description }}" image="{{ movie.poster }}" year="{{ movie.year }}" />
+                    <twig:Poster imdbId=""
+                                 tmdbId="{{ movie.tmdbId }}"
+                                 title="{{ movie.title }}"
+                                 description="{{ movie.description }}"
+                                 image="{{ movie.poster }}"
+                                 year="{{ movie.year }}" />
                 {% endfor %}
             </twig:Card>
         </div>