diff --git a/frontend/src/angular/src/app/doc-search/doc-search.component.html b/frontend/src/angular/src/app/doc-search/doc-search.component.html
index acda0fc..e091aad 100644
--- a/frontend/src/angular/src/app/doc-search/doc-search.component.html
+++ b/frontend/src/angular/src/app/doc-search/doc-search.component.html
@@ -41,7 +41,7 @@
   </div>
 }
 @if(requestFailed) {
-  <h2 i18n="@@docSearchRequestFailed">Ai Request Failed. Please try again.</h2>
+  <h2 class="error-msg" i18n="@@docSearchRequestFailed">Ai Request Failed. Please try again.</h2>
 }
 @for(searchResultStr of searchResult?.resultStrings; track searchResult?.resultStrings) {
   <div>	  
diff --git a/frontend/src/angular/src/app/doc-search/doc-search.component.scss b/frontend/src/angular/src/app/doc-search/doc-search.component.scss
index 552fd7e..41a986c 100644
--- a/frontend/src/angular/src/app/doc-search/doc-search.component.scss
+++ b/frontend/src/angular/src/app/doc-search/doc-search.component.scss
@@ -66,6 +66,10 @@
 	}
 }
 
+.error-msg {
+	color: #ff0000;	
+}
+
 @media (max-width: 900px), (max-height: 480px) {
   .custom-toolbar {
     height: fit-content;