diff --git a/src/objects/sidebar.tsx b/src/objects/sidebar.tsx
index bfeac1b..bf879f3 100644
--- a/src/objects/sidebar.tsx
+++ b/src/objects/sidebar.tsx
@@ -24,16 +24,16 @@ export function Sidebar({ movie, similarMoviesAvailable, watchProviders, config,
       <h1 className="font-bold text-base sm:text-lg sm:text-wrap my-1 sm:my-4 overflow-hidden text-center text-balance">{movie?.title ?? "loading"}</h1>
     </div>
     <div className="flex flex-row sm:flex-col gap-2 justify-center items-center">
-      <a href={tmdb.makeMovieLink(movie)} target="_blank" rel="noopener noreferrer" className="w-3/12 sm:h-96 aspect-poster flex justify-center">
-        {movie.poster_path ?
+      {movie.poster_path ?
+        <a href={tmdb.makeMovieLink(movie)} target="_blank" rel="noopener noreferrer" className="w-3/12 sm:w-60 aspect-poster flex justify-center">
           <CrossfadeImage src={tmdb.makeImgUrl(movie.poster_path)} style={{
             objectFit: "clip",
             height: "100%",
             apectRatio: "2 / 3"
           }} />
-          : <Popcorn height="100%" size="100%" />
-        }
-      </a>
+        </a>
+        : <Popcorn height="100%" size="80%" />
+      }
       {similarMoviesAvailable ? "" : "No hay data suficiente para darte pelílculas relacionadas."}
       <div className="h-36 sm:h-72 w-8/12 sm:w-full overflow-y-scroll overflow-x-hidden sm:mt-4 p-2 sm:p-4 text-sm sm:text-base flex justify-center items-center border-2 border-slate-800 rounded-lg ">
         {movie.overview === null ?