diff --git a/src/styles/base/header.scss b/src/styles/base/header.scss
index 883cd9407415889097533ac416e1a577c9949945..7966a19abe08bb7f5c77a3c36da3f8da8160493b 100644
--- a/src/styles/base/header.scss
+++ b/src/styles/base/header.scss
@@ -191,15 +191,30 @@ solid-notifications {
           padding: 1.2rem 0 1.5rem;
 
           .solid-notification__avatar {
+            align-items: center;
             background: var(--color-avatar-background);
             display: flex;
-            align-items: center;
-            justify-content: center;
             height: 35px;
-            width: 35px;
+            justify-content: center;
             margin-left: 1.6rem;
             margin-right: 1.4rem;
             overflow: hidden;
+            position: relative;
+            vertical-align: middle;
+            width: 35px;
+
+            img {
+              background-color: var(--color-grey-10);
+              height: 100%;
+              object-fit: cover;
+              object-position: center center;
+              width: 100%;
+            }
+
+            object {
+              height: 45%;
+              width: 45%;
+            }
           }
 
           .solid-notification__content {
diff --git a/src/views/circle/page-circle-notifications.pug b/src/views/circle/page-circle-notifications.pug
index 2ebc1ea614208b41237731def89cf34bde1c0e0c..239c6745fc71e804417b03430e3529472111f9de 100644
--- a/src/views/circle/page-circle-notifications.pug
+++ b/src/views/circle/page-circle-notifications.pug
@@ -1,7 +1,7 @@
 solid-notifications-template(data-rdf-type='hd:circle')
   template
     .solid-notification__avatar
-      img(src="${await author['account.foaf:depiction'] || '/images/alien.svg'}" style="${await author['account.foaf:depiction'] ? 'max-height:100%' : 'max-height:18px'}")
+      | ${await author['account.foaf:depiction'] ? `<img src="${await author['account.foaf:depiction']}" style="max-width:100%; max-height: 100%;" />` : `<object type="image/svg+xml" data="/images/alien.svg"></object>`}
     .solid-notification__content
       .solid-notification__title ${await author.name} 
         span.solid-notification__title__side dans 
diff --git a/src/views/user/page-user-notifications.pug b/src/views/user/page-user-notifications.pug
index 56fdd8f119b7ea7ac80a89f682fc030e6f2015ed..ee785d959006dc65fce4441057e60991da39d41c 100644
--- a/src/views/user/page-user-notifications.pug
+++ b/src/views/user/page-user-notifications.pug
@@ -1,7 +1,7 @@
 solid-notifications-template(data-rdf-type='foaf:user')
   template
     .solid-notification__avatar
-      img(src="${await author['account.foaf:depiction'] || '/images/alien.svg'}" style="${await author['account.foaf:depiction'] ? 'max-height:100%' : 'max-height:18px'}")
+      | ${await author['account.foaf:depiction'] ? `<img src="${await author['account.foaf:depiction']}" style="max-width:100%; max-height: 100%;" />` : `<object type="image/svg+xml" data="/images/alien.svg"></object>`}
     .solid-notification__content
       .solid-notification__title ${await author.name} 
         span.solid-notification__title__side en privé