diff --git a/frontend/src/components/MoviePoster.vue b/frontend/src/components/MoviePoster.vue
index 402bfc9189ac99a6d5583e498ba3825f4319944c..1ff849ef49a51653c86f59bdba3ace5515850432 100644
--- a/frontend/src/components/MoviePoster.vue
+++ b/frontend/src/components/MoviePoster.vue
@@ -23,6 +23,6 @@ export default {
   display: flex;
   margin-left: auto;
   margin-right: auto;
-  align-items: center;
+  justify-content: center;
 }
 </style>
diff --git a/frontend/src/views/MoviePage.vue b/frontend/src/views/MoviePage.vue
index d088ecceca63f081a6ac781dbe9f396df71f9e83..65780366d252c0416c8115506dab5258436f87d8 100644
--- a/frontend/src/views/MoviePage.vue
+++ b/frontend/src/views/MoviePage.vue
@@ -1,6 +1,5 @@
 <template>
   <div class="home">
-    <h1>Bienvenue sur la page film</h1>
     <div class="parent">
       <MoviePoster class="child" :posterPath="moviesInfos.poster_path" />
       <MovieInfos
@@ -65,10 +64,15 @@ export default {
 <style scoped>
 .home {
   height: 100%;
+  vertical-align: middle;
+  display: inline;
 }
 .parent {
+  vertical-align: middle;
   display: flex;
-  height: 80%;
+  height: 90%;
+  margin-top: 3%;
+  margin-bottom: 3%;
 }
 .child {
   width: 45%;