diff --git a/frontend/src/app/history-query/history-query-list.component.html b/frontend/src/app/history-query/history-query-list.component.html
index c8c293ff04..165905d5c9 100644
--- a/frontend/src/app/history-query/history-query-list.component.html
+++ b/frontend/src/app/history-query/history-query-list.component.html
@@ -1,6 +1,8 @@
 <div class="oib-padded-container">
   <div class="d-flex justify-content-between">
     <div class="oib-header-container">
+      <div class="image-block">
+        <img class="title-image" src="../assets/home/history-query.svg"></div>
       <h1>
         <span translate="history-query.list"></span>
         <span class="ms-4">
diff --git a/frontend/src/app/history-query/history-query-list.component.scss b/frontend/src/app/history-query/history-query-list.component.scss
index e69de29bb2..ed23d1ebc9 100644
--- a/frontend/src/app/history-query/history-query-list.component.scss
+++ b/frontend/src/app/history-query/history-query-list.component.scss
@@ -0,0 +1,31 @@
+@import '../../common';
+
+.image-block {
+  text-align: center;
+  color: $white;
+  border-radius: 1rem;
+  background-color: $darkGrey;
+  width: 5rem;
+  height: 4rem;
+  margin-left: 0 !important;
+}
+
+img.title-image {
+  height: 3rem;
+  padding-top: 1rem;
+}
+
+// container of the page title
+.oib-header-container {
+  display: flex;
+}
+
+.justify-content-between{
+  margin: 0;
+  margin-bottom: 1rem;
+}
+
+h1 {
+  margin-top: 0.8rem;
+  margin-left: 1rem
+}
diff --git a/frontend/src/app/north/north-list.component.html b/frontend/src/app/north/north-list.component.html
index 2f878f5a8e..43a1bdbb9c 100644
--- a/frontend/src/app/north/north-list.component.html
+++ b/frontend/src/app/north/north-list.component.html
@@ -1,6 +1,8 @@
 <div class="oib-padded-container">
   <div class="d-flex justify-content-between">
     <div class="oib-header-container">
+      <div class="image-block">
+        <img class="title-image" src="../assets/home/north.svg"></div>
       <h1>
         <span translate="north.list"></span>
         <span class="ms-4">
diff --git a/frontend/src/app/north/north-list.component.scss b/frontend/src/app/north/north-list.component.scss
index e69de29bb2..ed23d1ebc9 100644
--- a/frontend/src/app/north/north-list.component.scss
+++ b/frontend/src/app/north/north-list.component.scss
@@ -0,0 +1,31 @@
+@import '../../common';
+
+.image-block {
+  text-align: center;
+  color: $white;
+  border-radius: 1rem;
+  background-color: $darkGrey;
+  width: 5rem;
+  height: 4rem;
+  margin-left: 0 !important;
+}
+
+img.title-image {
+  height: 3rem;
+  padding-top: 1rem;
+}
+
+// container of the page title
+.oib-header-container {
+  display: flex;
+}
+
+.justify-content-between{
+  margin: 0;
+  margin-bottom: 1rem;
+}
+
+h1 {
+  margin-top: 0.8rem;
+  margin-left: 1rem
+}
diff --git a/frontend/src/app/shared/box/box.component.html b/frontend/src/app/shared/box/box.component.html
index c044d654db..6f82bafd91 100644
--- a/frontend/src/app/shared/box/box.component.html
+++ b/frontend/src/app/shared/box/box.component.html
@@ -4,7 +4,10 @@
       <ng-container *ngIf="titleTemplateRef; else stringTitle">
         <ng-container *ngTemplateOutlet="titleTemplateRef"></ng-container>
       </ng-container>
-      <ng-template #stringTitle>{{ boxTitle | translate }}</ng-template>
+      <ng-template #stringTitle>
+        <img class="oib-title-image" *ngIf="imagePath" [src]="imagePath" alt="Image" /> <!-- Affiche l'image correspondante si imagePath n'est pas vide -->
+        {{ boxTitle | translate }}
+      </ng-template>
     </div>
   </div>
   <div class="oib-box-content" #boxContent>
diff --git a/frontend/src/app/shared/box/box.component.ts b/frontend/src/app/shared/box/box.component.ts
index dad0b307f1..a559b05fa9 100644
--- a/frontend/src/app/shared/box/box.component.ts
+++ b/frontend/src/app/shared/box/box.component.ts
@@ -37,6 +37,7 @@ export class BoxTitleDirective {
 export class BoxComponent implements AfterContentInit {
   @Input() boxTitle = '';
   titleTemplateRef: TemplateRef<void> | null = null;
+  imagePath = '';
 
   @ViewChild('boxContent', { static: true }) boxContent: ElementRef<any> | undefined;
   @ContentChild(BoxTitleDirective, { static: true }) titleQuery: BoxTitleDirective | undefined;
@@ -59,12 +60,21 @@ export class BoxComponent implements AfterContentInit {
       if (tableElement) {
         contentElement.classList.add('has-table');
       }
-      if (emptyDivElements.length > 0) {
+      if (emptyDivElements.length >= 0) {
         contentElement.classList.add('has-empty-div');
       }
       if (alertWarningElement) {
         contentElement.classList.add('has-alert-warning');
       }
     }
+
+    // Assign image path based on boxTitle
+    if (this.boxTitle.includes('home.south.title')) {
+      this.imagePath = '../../assets/home/south.svg';
+    } else if (this.boxTitle.includes('home.north.title')) {
+      this.imagePath = '../../assets/home/north.svg';
+    } else if (this.boxTitle.includes('home.history-query.title')) {
+      this.imagePath = '../../assets/home/history-query.svg';
+    }
   }
 }
diff --git a/frontend/src/app/south/south-list.component.html b/frontend/src/app/south/south-list.component.html
index f6146d71a4..c9ded11d58 100644
--- a/frontend/src/app/south/south-list.component.html
+++ b/frontend/src/app/south/south-list.component.html
@@ -1,6 +1,8 @@
 <div class="oib-padded-container">
   <div class="d-flex justify-content-between">
     <div class="oib-header-container">
+      <div class="image-block">
+        <img class="title-image" src="../assets/home/south.svg"></div>
       <h1>
         <span translate="south.list"></span>
         <span class="ms-4">
diff --git a/frontend/src/app/south/south-list.component.scss b/frontend/src/app/south/south-list.component.scss
index e69de29bb2..ed23d1ebc9 100644
--- a/frontend/src/app/south/south-list.component.scss
+++ b/frontend/src/app/south/south-list.component.scss
@@ -0,0 +1,31 @@
+@import '../../common';
+
+.image-block {
+  text-align: center;
+  color: $white;
+  border-radius: 1rem;
+  background-color: $darkGrey;
+  width: 5rem;
+  height: 4rem;
+  margin-left: 0 !important;
+}
+
+img.title-image {
+  height: 3rem;
+  padding-top: 1rem;
+}
+
+// container of the page title
+.oib-header-container {
+  display: flex;
+}
+
+.justify-content-between{
+  margin: 0;
+  margin-bottom: 1rem;
+}
+
+h1 {
+  margin-top: 0.8rem;
+  margin-left: 1rem
+}
diff --git a/frontend/src/assets/home/history-queries.svg b/frontend/src/assets/home/history-queries.svg
deleted file mode 100644
index 8bb3ae1c22..0000000000
--- a/frontend/src/assets/home/history-queries.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60.62 60.62"><defs><style>.cls-1{fill:none;}.cls-2{fill:#f9ba00;}.cls-3{fill:#fff;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><rect class="cls-1" width="60.62" height="60.62"/><path class="cls-2" d="M26.66,15.25A15.09,15.09,0,1,1,11.57,30.33,15.11,15.11,0,0,1,26.66,15.25m0-4.3A19.38,19.38,0,1,0,46,30.33,19.38,19.38,0,0,0,26.66,11Z"/><rect class="cls-2" x="49.19" y="18.97" width="4.16" height="30.7"/><rect class="cls-2" x="49.19" y="10.91" width="4.16" height="3.9"/><path class="cls-3" d="M35.72,25.15a.8.8,0,0,0-.79.79V36.42a.79.79,0,0,0,1.58,0V25.94A.79.79,0,0,0,35.72,25.15Z"/><path class="cls-3" d="M19.75,26.67a.79.79,0,0,0-.79.79v9a.79.79,0,0,0,1.58,0v-9A.79.79,0,0,0,19.75,26.67Z"/><path class="cls-3" d="M32.53,23.53a.78.78,0,0,0-.79.78V36.42a.79.79,0,0,0,1.58,0V24.31A.79.79,0,0,0,32.53,23.53Z"/><path class="cls-3" d="M26.14,28.24a.79.79,0,0,0-.79.79v7.39a.79.79,0,0,0,1.58,0V29A.8.8,0,0,0,26.14,28.24Z"/><path class="cls-3" d="M29.33,26.67a.79.79,0,0,0-.79.79v9a.79.79,0,0,0,1.58,0v-9A.79.79,0,0,0,29.33,26.67Z"/><path class="cls-3" d="M22.94,28.24a.8.8,0,0,0-.79.79V39.56a.79.79,0,0,0,1.58,0V29A.79.79,0,0,0,22.94,28.24Z"/><path class="cls-3" d="M16.55,29.82a.79.79,0,0,0-.79.78v5.82a.79.79,0,0,0,1.58,0V30.6A.78.78,0,0,0,16.55,29.82Z"/></g></g></svg>
\ No newline at end of file
diff --git a/frontend/src/assets/home/history-query.svg b/frontend/src/assets/home/history-query.svg
new file mode 100644
index 0000000000..c3f5506407
--- /dev/null
+++ b/frontend/src/assets/home/history-query.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56.5 39.54">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #f8b905;
+      }
+
+      .cls-2 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <g>
+    <path class="cls-2" d="m12.62,39.54c-6.69,0-9.64-3.49-9.64-10.24v-3.44c0-2.33-.76-3.35-2.18-3.35h-.8v-5.43h.8c1.42,0,2.18-1.02,2.18-3.35v-3.49C2.98,3.49,5.93,0,12.62,0v4.42c-3.64.48-4.55,2.33-4.55,6.31v1.5c0,5.24-1.09,6.65-3.46,7.57,2.36.92,3.46,2.33,3.46,7.57v1.45c0,3.98.91,5.82,4.55,6.31v4.41Z"/>
+    <path class="cls-2" d="m43.88,0C50.57,0,53.52,3.49,53.52,10.24v3.44c0,2.33.76,3.35,2.18,3.35h.8v5.43h-.8c-1.42,0-2.18,1.02-2.18,3.35v3.49c0,6.74-2.95,10.24-9.64,10.24v-4.42c3.64-.48,4.55-2.33,4.55-6.31v-1.5c0-5.24,1.09-6.65,3.46-7.57-2.36-.92-3.46-2.33-3.46-7.57v-1.45c0-3.98-.91-5.82-4.55-6.31V0Z"/>
+  </g>
+  <path class="cls-1" d="m38.02,12.56c-2.36-2.47-5.53-3.88-8.94-3.96-2.94-.08-5.76.85-8.06,2.62l-.37-.71c-.08-.16-.18-.29-.33-.42-.35-.28-.82-.35-1.24-.19-.42.16-.71.53-.79.97l-.88,5.49c-.07.45.1.89.45,1.17.35.28.83.35,1.23.19l5.2-1.98c.42-.16.72-.52.79-.97.07-.44-.1-.89-.45-1.18-.13-.11-.28-.19-.45-.23l-.07-.02c1.47-.85,3.19-1.28,4.88-1.25,2.47.06,4.77,1.08,6.48,2.88s2.62,4.14,2.56,6.61c-.06,2.47-1.08,4.77-2.88,6.48-1.8,1.71-4.2,2.6-6.61,2.56-2.47-.06-4.77-1.08-6.48-2.88s-2.62-4.14-2.56-6.61c0-.27-.09-.52-.28-.71-.18-.19-.43-.3-.7-.31l-1.51-.04s-.02,0-.02,0c-.54,0-.99.43-1,.98-.08,3.41,1.17,6.65,3.53,9.12,2.36,2.47,5.53,3.88,8.94,3.96.11,0,.21,0,.32,0,6.9,0,12.6-5.53,12.77-12.47.08-3.41-1.17-6.65-3.53-9.12Z"/>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/home/north.svg b/frontend/src/assets/home/north.svg
index 8bb3ae1c22..03cb9fc66c 100644
--- a/frontend/src/assets/home/north.svg
+++ b/frontend/src/assets/home/north.svg
@@ -1 +1,17 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60.62 60.62"><defs><style>.cls-1{fill:none;}.cls-2{fill:#f9ba00;}.cls-3{fill:#fff;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><rect class="cls-1" width="60.62" height="60.62"/><path class="cls-2" d="M26.66,15.25A15.09,15.09,0,1,1,11.57,30.33,15.11,15.11,0,0,1,26.66,15.25m0-4.3A19.38,19.38,0,1,0,46,30.33,19.38,19.38,0,0,0,26.66,11Z"/><rect class="cls-2" x="49.19" y="18.97" width="4.16" height="30.7"/><rect class="cls-2" x="49.19" y="10.91" width="4.16" height="3.9"/><path class="cls-3" d="M35.72,25.15a.8.8,0,0,0-.79.79V36.42a.79.79,0,0,0,1.58,0V25.94A.79.79,0,0,0,35.72,25.15Z"/><path class="cls-3" d="M19.75,26.67a.79.79,0,0,0-.79.79v9a.79.79,0,0,0,1.58,0v-9A.79.79,0,0,0,19.75,26.67Z"/><path class="cls-3" d="M32.53,23.53a.78.78,0,0,0-.79.78V36.42a.79.79,0,0,0,1.58,0V24.31A.79.79,0,0,0,32.53,23.53Z"/><path class="cls-3" d="M26.14,28.24a.79.79,0,0,0-.79.79v7.39a.79.79,0,0,0,1.58,0V29A.8.8,0,0,0,26.14,28.24Z"/><path class="cls-3" d="M29.33,26.67a.79.79,0,0,0-.79.79v9a.79.79,0,0,0,1.58,0v-9A.79.79,0,0,0,29.33,26.67Z"/><path class="cls-3" d="M22.94,28.24a.8.8,0,0,0-.79.79V39.56a.79.79,0,0,0,1.58,0V29A.79.79,0,0,0,22.94,28.24Z"/><path class="cls-3" d="M16.55,29.82a.79.79,0,0,0-.79.78v5.82a.79.79,0,0,0,1.58,0V30.6A.78.78,0,0,0,16.55,29.82Z"/></g></g></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56.5 39.54">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #f9b500;
+      }
+
+      .cls-2 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <path class="cls-2" d="m43.88,0c6.69,0,9.64,3.49,9.64,10.24v3.44c0,2.33.76,3.35,2.18,3.35h.8v5.43h-.8c-1.42,0-2.18,1.02-2.18,3.35v3.49c0,6.74-2.95,10.24-9.64,10.24v-4.42c3.64-.48,4.55-2.33,4.55-6.31v-1.5c0-5.24,1.09-6.65,3.46-7.57-2.36-.92-3.46-2.33-3.46-7.57v-1.45c0-3.98-.91-5.82-4.55-6.31V0Z"/>
+  <path class="cls-2" d="m12.62,39.54c-6.69,0-9.64-3.49-9.64-10.24v-3.44c0-2.33-.76-3.35-2.18-3.35h-.8v-5.43h.8c1.42,0,2.18-1.02,2.18-3.35v-3.49C2.98,3.49,5.93,0,12.62,0v4.42c-3.64.48-4.55,2.33-4.55,6.31v1.5c0,5.24-1.09,6.65-3.46,7.57,2.36.92,3.46,2.33,3.46,7.57v1.45c0,3.98.91,5.82,4.55,6.31v4.41Z"/>
+  <path class="cls-1" d="m37.03,26.42c-.11,0-.22-.03-.33-.07l-8.14-3.52c-.1-.04-.2-.06-.31-.06s-.22.02-.32.06l-8.14,3.52c-.11.05-.22.07-.32.07-.57,0-1.01-.64-.69-1.2l2.32-4.03.1-.16,2.98-5.16.02-.03,3.35-5.81c.16-.26.42-.39.69-.39s.54.13.69.39l3.35,5.81.02.03,2.98,5.16.1.16,2.32,4.03c.33.56-.12,1.2-.68,1.2Z"/>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/home/south.svg b/frontend/src/assets/home/south.svg
index 8bb3ae1c22..b511439453 100644
--- a/frontend/src/assets/home/south.svg
+++ b/frontend/src/assets/home/south.svg
@@ -1 +1,17 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60.62 60.62"><defs><style>.cls-1{fill:none;}.cls-2{fill:#f9ba00;}.cls-3{fill:#fff;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><rect class="cls-1" width="60.62" height="60.62"/><path class="cls-2" d="M26.66,15.25A15.09,15.09,0,1,1,11.57,30.33,15.11,15.11,0,0,1,26.66,15.25m0-4.3A19.38,19.38,0,1,0,46,30.33,19.38,19.38,0,0,0,26.66,11Z"/><rect class="cls-2" x="49.19" y="18.97" width="4.16" height="30.7"/><rect class="cls-2" x="49.19" y="10.91" width="4.16" height="3.9"/><path class="cls-3" d="M35.72,25.15a.8.8,0,0,0-.79.79V36.42a.79.79,0,0,0,1.58,0V25.94A.79.79,0,0,0,35.72,25.15Z"/><path class="cls-3" d="M19.75,26.67a.79.79,0,0,0-.79.79v9a.79.79,0,0,0,1.58,0v-9A.79.79,0,0,0,19.75,26.67Z"/><path class="cls-3" d="M32.53,23.53a.78.78,0,0,0-.79.78V36.42a.79.79,0,0,0,1.58,0V24.31A.79.79,0,0,0,32.53,23.53Z"/><path class="cls-3" d="M26.14,28.24a.79.79,0,0,0-.79.79v7.39a.79.79,0,0,0,1.58,0V29A.8.8,0,0,0,26.14,28.24Z"/><path class="cls-3" d="M29.33,26.67a.79.79,0,0,0-.79.79v9a.79.79,0,0,0,1.58,0v-9A.79.79,0,0,0,29.33,26.67Z"/><path class="cls-3" d="M22.94,28.24a.8.8,0,0,0-.79.79V39.56a.79.79,0,0,0,1.58,0V29A.79.79,0,0,0,22.94,28.24Z"/><path class="cls-3" d="M16.55,29.82a.79.79,0,0,0-.79.78v5.82a.79.79,0,0,0,1.58,0V30.6A.78.78,0,0,0,16.55,29.82Z"/></g></g></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56.5 39.54">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #f9b500;
+      }
+
+      .cls-2 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <path class="cls-2" d="m12.62,39.54c-6.69,0-9.64-3.49-9.64-10.24v-3.44c0-2.33-.76-3.35-2.18-3.35h-.8v-5.43h.8c1.42,0,2.18-1.02,2.18-3.35v-3.49C2.98,3.49,5.93,0,12.62,0v4.42c-3.64.48-4.55,2.33-4.55,6.31v1.5c0,5.24-1.09,6.65-3.46,7.57,2.36.92,3.46,2.33,3.46,7.57v1.45c0,3.98.91,5.82,4.55,6.31v4.41Z"/>
+  <path class="cls-2" d="m43.88,0C50.57,0,53.52,3.49,53.52,10.24v3.44c0,2.33.76,3.35,2.18,3.35h.8v5.43h-.8c-1.42,0-2.18,1.02-2.18,3.35v3.49c0,6.74-2.95,10.24-9.64,10.24v-4.42c3.64-.48,4.55-2.33,4.55-6.31v-1.5c0-5.24,1.09-6.65,3.46-7.57-2.36-.92-3.46-2.33-3.46-7.57v-1.45c0-3.98-.91-5.82-4.55-6.31V0Z"/>
+  <path class="cls-1" d="m19.46,13.12c.11,0,.22.03.33.07l8.14,3.52c.1.04.2.06.31.06s.22-.02.32-.06l8.14-3.52c.11-.05.22-.07.32-.07.57,0,1.01.64.69,1.2l-2.32,4.03-.1.16-2.98,5.16-.02.03-3.35,5.81c-.16.26-.42.39-.69.39s-.54-.13-.69-.39l-3.35-5.81-.02-.03-2.98-5.16-.1-.16-2.32-4.03c-.33-.56.12-1.2.68-1.2Z"/>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index 30432d9af9..4b1fa1d34e 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -15,6 +15,11 @@ $fa-font-path: '../fonts';
   --menu-height: 35px;
 }
 
+img.oib-title-image {
+  height: 1rem;
+  margin-right: 0.3rem;
+}
+
 .oib-box-btn {
   padding-bottom: 0.2rem;
 }