diff --git a/frontend/src/app/pages/publication-edition/picture-selection-dialog/picture-selection-dialog.component.scss b/frontend/src/app/pages/publication-edition/picture-selection-dialog/picture-selection-dialog.component.scss
index 07a3d23..a0637aa 100644
--- a/frontend/src/app/pages/publication-edition/picture-selection-dialog/picture-selection-dialog.component.scss
+++ b/frontend/src/app/pages/publication-edition/picture-selection-dialog/picture-selection-dialog.component.scss
@@ -46,12 +46,12 @@
             object-fit: cover;
             border-radius: 1em;
             opacity: .9;
-            transition: opacity .2s ease-in-out, box-shadow .2s ease-in-out;
             box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
+            transition: opacity .2s ease-in-out, box-shadow .2s ease-in-out;
 
             &:hover {
-                opacity: 1;
                 cursor: pointer;
+                opacity: 1;
                 box-shadow: 0 2px 5px 0 rgba(0,0,0,.32),0 2px 10px 0 rgba(0,0,0,.24);
             }
         }
diff --git a/frontend/src/app/pages/publication-edition/picture-selection-dialog/picture-selection-dialog.component.ts b/frontend/src/app/pages/publication-edition/picture-selection-dialog/picture-selection-dialog.component.ts
index ac9779e..409bdfe 100644
--- a/frontend/src/app/pages/publication-edition/picture-selection-dialog/picture-selection-dialog.component.ts
+++ b/frontend/src/app/pages/publication-edition/picture-selection-dialog/picture-selection-dialog.component.ts
@@ -38,11 +38,11 @@ export class PictureSelectionDialog implements OnInit {
             .finally(() => {
                 this.isLoading = false;
                 this.isLoaded = true;
-            })
+            });
     }
 
     selectPicture(picture: Picture): void {
-        console.log(picture.id);
+        this.dialogRef.close(picture.id);
     }
 
     closeDialog(): void {
diff --git a/frontend/src/app/pages/publication-edition/publication-edition.component.html b/frontend/src/app/pages/publication-edition/publication-edition.component.html
index 422afa6..386af08 100644
--- a/frontend/src/app/pages/publication-edition/publication-edition.component.html
+++ b/frontend/src/app/pages/publication-edition/publication-edition.component.html
@@ -23,7 +23,7 @@
                                 </mat-form-field>
                             </div>
         
-                            <div>
+                            <div class="picture-container">
                                 <img src="/api/pictures/{{publication.illustrationId}}" (click)="displayPictureSectionDialog()" matTooltip="Click to change illustration"/>
                             </div>
                         </div>
diff --git a/frontend/src/app/pages/publication-edition/publication-edition.component.scss b/frontend/src/app/pages/publication-edition/publication-edition.component.scss
index 98ef782..550212d 100644
--- a/frontend/src/app/pages/publication-edition/publication-edition.component.scss
+++ b/frontend/src/app/pages/publication-edition/publication-edition.component.scss
@@ -79,7 +79,16 @@
             flex-direction: row;
 
             div {
-                max-width: 50%;
+                flex: 1 0;
+
+                &.picture-container {
+                    max-width: 20em;
+
+                    img {
+                        max-height: 15em;
+                        max-width: 20em;
+                    }
+                }
             }
         }
 
@@ -89,12 +98,22 @@
             flex-direction: column;
             justify-content: center;
 
-            &:nth-last-child {
+            &.picture-container {
                 img {
                     flex: 1;
                     object-fit: cover;
                     width: 100%;
                     cursor: pointer;
+                    border-radius: 1em;
+                    opacity: .9;
+                    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
+                    transition: opacity .2s ease-in-out, box-shadow .2s ease-in-out;
+
+                    &:hover {
+                        cursor: pointer;
+                        opacity: 1;
+                        box-shadow: 0 2px 5px 0 rgba(0,0,0,.32),0 2px 10px 0 rgba(0,0,0,.24);
+                    }
                 }
             }
         }