diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 3b69dcb..cbad2f0 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -4,7 +4,13 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="5e320804-68c9-4504-97d5-d421de3438b2" name="Changes" comment="" />
+    <list default="true" id="5e320804-68c9-4504-97d5-d421de3438b2" name="Changes" comment="">
+      <change beforePath="$PROJECT_DIR$/.idea/jsLibraryMappings.xml" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/nuxt.config.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/nuxt.config.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/pages/lists/[id].vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/pages/lists/[id].vue" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/types/movie.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/types/movie.ts" afterDir="false" />
+    </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
@@ -60,7 +66,7 @@
     "RunOnceActivity.git.unshallow": "true",
     "WebServerToolWindowFactoryState": "false",
     "code.cleanup.on.save": "true",
-    "git-widget-placeholder": "poster-improvements",
+    "git-widget-placeholder": "main",
     "junie.onboarding.icon.badge.shown": "true",
     "last_opened_file_path": "/home/tiradoe/Projects/MovieNight/movie-night-web",
     "list.type.of.created.stylesheet": "CSS",
@@ -72,7 +78,7 @@
     "node.js.selected.package.tslint": "(autodetect)",
     "nodejs_package_manager_path": "npm",
     "npm.dev.executor": "Run",
-    "prettierjs.PrettierConfiguration.Package": "/home/tiradoe/Projects/MovieNight/movie-night-web/src/node_modules/prettier",
+    "prettierjs.PrettierConfiguration.Package": "/home/tiradoe/Projects/movie-night/web/src/node_modules/prettier",
     "rearrange.code.on.save": "true",
     "settings.editor.selected.configurable": "configurable.group.editor",
     "ts.external.directory.path": "/home/tiradoe/Projects/MovieNight/movie-night-web/src/node_modules/typescript/lib",
@@ -111,8 +117,8 @@
   <component name="SharedIndexes">
     <attachedChunks>
       <set>
-        <option value="bundled-js-predefined-d6986cc7102b-b26f3e71634d-JavaScript-PS-251.26094.133" />
-        <option value="bundled-php-predefined-a98d8de5180a-c5828cf854d9-com.jetbrains.php.sharedIndexes-PS-251.26094.133" />
+        <option value="bundled-js-predefined-d6986cc7102b-6a121458b545-JavaScript-PS-251.25410.148" />
+        <option value="bundled-php-predefined-a98d8de5180a-c5828cf854d9-com.jetbrains.php.sharedIndexes-PS-251.25410.148" />
       </set>
     </attachedChunks>
   </component>
@@ -141,7 +147,6 @@
       <workItem from="1745366610986" duration="319000" />
       <workItem from="1745366940811" duration="4297000" />
       <workItem from="1748541588253" duration="2587000" />
-      <workItem from="1750288132986" duration="18089000" />
     </task>
     <servers />
   </component>
diff --git a/README.md b/README.md
index 24a57d4..95d2437 100644
--- a/README.md
+++ b/README.md
@@ -2,5 +2,3 @@ Movie Night Web
 =
 
 ![cinema corona list page](screenshot.png "Screenshot")
-
-Uses filmstrip icon by momentbloom (https://www.vecteezy.com/vector-art/36659391-filmstrip)
diff --git a/src/assets/img/poster-placeholder.svg b/src/assets/img/poster-placeholder.svg
deleted file mode 100644
index 5d27ac3..0000000
--- a/src/assets/img/poster-placeholder.svg
+++ /dev/null
@@ -1,48 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   viewBox="1413.5 192.80002 108.59998 149.10001"
-   width="108.59998"
-   height="149.10001"
-   version="1.1"
-   id="svg1"
-   sodipodi:docname="poster-placeholder.svg"
-   inkscape:export-filename="poster-placeholder2.svg"
-   inkscape:export-xdpi="96"
-   inkscape:export-ydpi="96"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs1" />
-  <sodipodi:namedview
-     id="namedview1"
-     pagecolor="#ffffff"
-     bordercolor="#000000"
-     borderopacity="0.25"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1"
-     inkscape:export-bgcolor="#ffffffff">
-    <inkscape:page
-       x="0"
-       y="0"
-       width="108.59998"
-       height="149.10001"
-       id="page2"
-       margin="0"
-       bleed="0" />
-  </sodipodi:namedview>
-  <rect
-     style="fill:#5c5b79;fill-opacity:1"
-     id="rect1"
-     width="108.28388"
-     height="148.72725"
-     x="1413.6864"
-     y="193.17278" />
-  <path
-     fill="#cccccc"
-     d="m 1413.5,242.5 c 0,16.6 0,33.1 0,49.7 36.2,49.7 72.4,-49.7 108.6,0 0,-16.6 0,-33.1 0,-49.7 -36.2,-49.7 -72.4,49.7 -108.6,0 z m 8.7,56.7 c -1.6,-1.3 -3.3,-2.8 -4.9,-4.6 0,-1.6 0,-3.3 0,-4.9 1.6,1.8 3.3,3.3 4.9,4.6 0,1.7 0,3.3 0,4.9 z m 0,-39.8 c -1.6,-1.3 -3.3,-2.8 -4.9,-4.6 0,-1.6 0,-3.3 0,-4.9 1.6,1.8 3.3,3.3 4.9,4.6 0,1.6 0,3.3 0,4.9 z m 9.6,44.4 c -1.6,-0.4 -3.3,-0.9 -4.9,-1.7 0,-1.6 0,-3.3 0,-4.9 1.6,0.8 3.3,1.4 4.9,1.7 0,1.7 0,3.3 0,4.9 z m 0,-39.8 c -1.6,-0.4 -3.3,-0.9 -4.9,-1.7 0,-1.6 0,-3.3 0,-4.9 1.6,0.8 3.3,1.4 4.9,1.7 0,1.7 0,3.3 0,4.9 z m 9.6,39.8 c -1.6,0.3 -3.3,0.5 -4.9,0.5 0,-1.6 0,-3.3 0,-4.9 1.6,0 3.3,-0.2 4.9,-0.5 0,1.7 0,3.3 0,4.9 z m 0,-39.8 c -1.6,0.3 -3.3,0.5 -4.9,0.5 0,-1.6 0,-3.3 0,-4.9 1.6,0 3.3,-0.2 4.9,-0.5 0,1.6 0,3.3 0,4.9 z m 9.6,36.4 c -1.6,0.8 -3.3,1.5 -4.9,2.1 0,-1.6 0,-3.3 0,-4.9 1.6,-0.6 3.3,-1.3 4.9,-2.1 0,1.7 0,3.3 0,4.9 z m 0,-39.8 c -1.6,0.8 -3.3,1.5 -4.9,2.1 0,-1.6 0,-3.3 0,-4.9 1.6,-0.6 3.3,-1.3 4.9,-2.1 0,1.6 0,3.3 0,4.9 z m 9.5,34.3 c -1.6,1.1 -3.3,2.1 -4.9,3 0,-1.6 0,-3.3 0,-4.9 1.6,-1 3.3,-2 4.9,-3 0,1.6 0,3.2 0,4.9 z m 0,-39.8 c -1.6,1.1 -3.3,2.1 -4.9,3 0,-1.6 0,-3.3 0,-4.9 1.6,-1 3.3,-2 4.9,-3 0,1.6 0,3.2 0,4.9 z m 9.6,33.3 c -1.6,1.1 -3.3,2.3 -4.9,3.4 0,-1.6 0,-3.3 0,-4.9 1.6,-1.1 3.3,-2.2 4.9,-3.4 0,1.6 0,3.2 0,4.9 z m 0,-39.8 c -1.6,1.1 -3.3,2.3 -4.9,3.4 0,-1.6 0,-3.3 0,-4.9 1.6,-1.1 3.3,-2.2 4.9,-3.4 0,1.6 0,3.2 0,4.9 z m 9.6,33.6 c -1.6,1 -3.3,2 -4.9,3.1 0,-1.6 0,-3.3 0,-4.9 1.6,-1.1 3.3,-2.1 4.9,-3.1 0,1.6 0,3.3 0,4.9 z m 0,-39.8 c -1.6,1 -3.3,2 -4.9,3.1 0,-1.6 0,-3.3 0,-4.9 1.6,-1.1 3.3,-2.1 4.9,-3.1 0,1.6 0,3.2 0,4.9 z m 9.6,35.1 c -1.6,0.6 -3.3,1.3 -4.9,2.1 0,-1.6 0,-3.3 0,-4.9 1.6,-0.8 3.3,-1.5 4.9,-2.1 0,1.7 0,3.3 0,4.9 z m 0,-39.8 c -1.6,0.6 -3.3,1.3 -4.9,2.1 0,-1.6 0,-3.3 0,-4.9 1.6,-0.8 3.3,-1.5 4.9,-2.1 0,1.7 0,3.3 0,4.9 z m 9.6,37.9 c -1.6,0 -3.3,0.2 -4.9,0.6 0,-1.6 0,-3.3 0,-4.9 1.6,-0.3 3.3,-0.5 4.9,-0.6 0,1.7 0,3.3 0,4.9 z m 0,-39.8 c -1.6,0 -3.3,0.2 -4.9,0.6 0,-1.6 0,-3.3 0,-4.9 1.6,-0.3 3.3,-0.5 4.9,-0.6 0,1.6 0,3.3 0,4.9 z m 14.2,0 c 1.6,1.2 3.3,2.7 4.9,4.5 0,1.6 0,3.3 0,4.9 -1.6,-1.8 -3.3,-3.2 -4.9,-4.5 0,-1.6 0,-3.2 0,-4.9 z m 0,39.8 c 1.6,1.2 3.3,2.7 4.9,4.5 0,1.6 0,3.3 0,4.9 -1.6,-1.8 -3.3,-3.2 -4.9,-4.5 0,-1.6 0,-3.2 0,-4.9 z m -9.6,-44.2 c 1.6,0.3 3.3,0.9 4.9,1.6 0,1.6 0,3.3 0,4.9 -1.6,-0.8 -3.3,-1.3 -4.9,-1.6 0,-1.7 0,-3.3 0,-4.9 z m 0,39.8 c 1.6,0.3 3.3,0.9 4.9,1.6 0,1.6 0,3.3 0,4.9 -1.6,-0.8 -3.3,-1.3 -4.9,-1.6 0,-1.7 0,-3.3 0,-4.9 z"
-     id="path1" />
-</svg>
diff --git a/src/components/Modal.vue b/src/components/Modal.vue
index 33d95fd..23886af 100644
--- a/src/components/Modal.vue
+++ b/src/components/Modal.vue
@@ -1,14 +1,12 @@
 <template>
-  <div v-show="visible" id="movie-modal" class="movie-modal movie-card">
-    <div class="max-w-4xl mx-auto flex flex-col px-2 sm:px-0">
-      <span
-        class="hover-pointer font-bold self-end pr-1 sm:pr-5 pt-5 pb-5 sm:pb-0"
-        @click="toggleModal()"
-      >
-        <span class="bg-red-600 p-2 rounded">X</span>
-      </span>
-      <slot></slot>
-    </div>
+  <div v-show="visible" id="movie-modal" class="movie-modal movie-card p-5">
+    <span
+      class="hover-pointer font-bold w-full block text-right sm:pr-5 pb-3 pt-5"
+      @click="toggleModal()"
+    >
+      X
+    </span>
+    <slot class=""></slot>
   </div>
 </template>
 
diff --git a/src/components/MoviePoster.vue b/src/components/MoviePoster.vue
deleted file mode 100644
index f184a36..0000000
--- a/src/components/MoviePoster.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<script lang="ts" setup>
-import placeholderPoster from "assets/img/poster-placeholder.svg";
-
-const imgRef = ref<HTMLImageElement | null>(null);
-const props = defineProps(["image"]);
-
-const handleImageError = function (event: Event) {
-  (event.target as HTMLImageElement).classList.remove("lazyload");
-  (event.target as HTMLImageElement).classList.add("object-cover");
-  (event.target as HTMLImageElement).src = placeholderPoster;
-};
-
-watch(
-  () => props.image,
-  (newImage) => {
-    if (imgRef.value && newImage) {
-      imgRef.value.classList.add("lazyload");
-      imgRef.value.setAttribute("data-src", newImage);
-    }
-  },
-);
-</script>
-
-<template>
-  <div class="aspect-[2/3] w-full text-blue-300">
-    <img
-      ref="imgRef"
-      :data-src="props.image"
-      alt="Movie Details"
-      class="lazyload hover-pointer w-full h-full"
-      @error="handleImageError"
-    />
-  </div>
-</template>
-
-<style scoped></style>
diff --git a/src/components/admin/search.vue b/src/components/admin/search.vue
index 702a85a..638f4ea 100644
--- a/src/components/admin/search.vue
+++ b/src/components/admin/search.vue
@@ -8,7 +8,12 @@
   </form>
   <ul class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 gap-4">
     <li v-for="movie in movies" class="p-1 movie-card">
-      <MoviePoster :image="movie.poster" @click="showModal(movie)" />
+      <img
+        :src="movie.poster"
+        alt="movie poster"
+        class="neon-border hover-pointer"
+        @click="showModal(movie)"
+      />
       <div class="p-2">
         <h5 class="text-center">{{ movie.title }} ({{ movie.year }})</h5>
       </div>
diff --git a/src/components/modal-content/AddMovie.vue b/src/components/modal-content/AddMovie.vue
index b4aefdb..5a67020 100644
--- a/src/components/modal-content/AddMovie.vue
+++ b/src/components/modal-content/AddMovie.vue
@@ -1,18 +1,22 @@
 <template>
   <div v-if="props.movie != null" class="sm:m-5 p-10 movie-card neon-border">
     <div>
-      <h2 id="modal-title" class="row pb-10">
+      <h2 id="modal-title" class="row pb-3">
         {{ movie.title }} ({{ movie.year }})
       </h2>
 
-      <div class="grid sm:grid-cols-2 gap-5">
+      <div class="grid sm:grid-cols-2">
         <!-- MODAL POSTER -->
-        <MoviePoster
-          :image="movie.poster"
-          class="max-h-80 max-w-72 sm:max-h-none sm:max-w-none mx-auto sm:mx-none"
-        />
+        <div class="text-end">
+          <img
+            id="modal-poster"
+            :src="movie.poster"
+            alt="poster"
+            class="pt-5"
+          />
+        </div>
 
-        <div class="mx-auto sm:mx-none">
+        <div class="pt-5">
           <label class="" for="list-picker">Add To List</label><br />
           <select id="list-picker" v-model="list_id" class="p-1 text-black">
             <option v-for="list in lists" :value="list.id">
diff --git a/src/components/modal-content/ShowMovie.vue b/src/components/modal-content/ShowMovie.vue
index 268a120..37249cb 100644
--- a/src/components/modal-content/ShowMovie.vue
+++ b/src/components/modal-content/ShowMovie.vue
@@ -2,13 +2,14 @@
   <div class="sm:m-5 p-10 movie-card neon-border">
     <div>
       <LoadingIcon v-if="updating" />
-      <h2 class="text-xl pb-10 text-center sm:text-left">
+      <h2 class="text-xl pb-3 text-center sm:text-left">
         {{ movie.title }} ({{ movie.year }})
       </h2>
       <div class="sm:inline-flex sm:space-x-5">
-        <MoviePoster
-          :image="movie.poster"
-          class="max-h-80 max-w-72 mx-auto sm:mx-none"
+        <img
+          :src="movie.poster"
+          alt="movie poster"
+          class="mx-auto sm:mx-0 neon-border"
         />
         <div class="pt-5 sm:pt-0">
           <p>{{ movie.plot }}</p>
diff --git a/src/layouts/default.vue b/src/layouts/default.vue
index f2cccac..8a6dfea 100644
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -1,14 +1,16 @@
 <template>
   <div class="container mx-auto">
-    <Navbar />
-    <NuxtPage class="mb-32" />
+    <Navbar/>
+    <NuxtPage/>
   </div>
 </template>
 
 <script>
 export default {
   name: "default",
-};
+}
 </script>
 
-<style scoped></style>
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/pages/lists/[id].vue b/src/pages/lists/[id].vue
index bd8b99f..5eb525a 100644
--- a/src/pages/lists/[id].vue
+++ b/src/pages/lists/[id].vue
@@ -41,15 +41,16 @@
       <li
         v-for="movie in filtered_movies"
         :key="movie.poster"
-        class="rounded movie-card neon-border flex flex-col overflow-hidden"
+        class="rounded movie-card neon-border"
       >
         <!-- POSTER -->
-        <MoviePoster
-          :image="movie.poster"
-          class="flex-shrink-0"
+        <img
+          :data-src="movie.poster"
+          alt="movie poster"
+          class="lazyload p-3 movie-poster hover-pointer mx-auto"
           @click="showModal(movie)"
         />
-        <div class="p-5 flex flex-col justify-between flex-1">
+        <div class="p-5 flex flex-col">
           <!-- TITLE -->
           <span class="font-bold text-center mb-1">{{ movie.title }}</span>
           <span
@@ -73,7 +74,6 @@ import type { Movie } from "~/types/movie";
 import Modal from "~/components/Modal.vue";
 import { useCookie } from "#app";
 import { $fetch } from "ofetch";
-import MoviePoster from "~/components/MoviePoster.vue";
 
 const list_id = ref(0);
 const list = defineModel<MovieList>("movie_list", { default: [] });