diff --git a/packages/geo/src/lib/search/search-results/search-results-item.component.scss b/packages/geo/src/lib/search/search-results/search-results-item.component.scss
index 34d59dc0ac..a5e1cadfa9 100644
--- a/packages/geo/src/lib/search/search-results/search-results-item.component.scss
+++ b/packages/geo/src/lib/search/search-results/search-results-item.component.scss
@@ -1,3 +1,3 @@
-h4 :ng-deep small {
-  color: "#8C8C8C";
+:host ::ng-deep small {
+  color: #8C8C8C;
 }
diff --git a/packages/geo/src/lib/search/shared/sources/icherche.ts b/packages/geo/src/lib/search/shared/sources/icherche.ts
index 66aa049e88..02f95be41e 100644
--- a/packages/geo/src/lib/search/shared/sources/icherche.ts
+++ b/packages/geo/src/lib/search/shared/sources/icherche.ts
@@ -284,10 +284,10 @@ export class IChercheSearchSource extends SearchSource implements TextSearch {
 
     const titleHtml = data.highlight.title || data.properties.nom;
     const subtitleHtml = data.highlight.title2
-      ? ' <small style="color: #6f6969"> ' + data.highlight.title2 + '</small>'
+      ? ' <small> ' + data.highlight.title2 + '</small>'
       : '';
     const subtitleHtml2 = data.highlight.title3
-      ? '<br><small style="color: #6f6969"> ' + data.highlight.title3 + '</small>'
+      ? '<br><small> ' + data.highlight.title3 + '</small>'
       : '';
 
     return {
@@ -539,7 +539,7 @@ export class IChercheReverseSearchSource extends SearchSource
     const id = [this.getId(), properties.type, properties.code].join('.');
 
     const titleHtml = data.properties.nom;
-    const subtitleHtml = ' <small style="color: #6f6969"> ' + this.getSubtitle(data) + '</small>';
+    const subtitleHtml = ' <small> ' + this.getSubtitle(data) + '</small>';
 
     return {
       source: this,