From aa2428225414f717cbc52c57efbb21330b84c414 Mon Sep 17 00:00:00 2001
From: Calvin Lee <calvin.lee@harness.io>
Date: Tue, 6 Aug 2024 17:28:03 +0000
Subject: [PATCH] fix: [code-2196]: fix overlay issue (#2415)

* fix: [code-2196]: fix overlay issue
---
 web/src/components/CodeSearchBar/CodeSearchBar.module.scss | 7 +++++--
 .../CodeSearchBar/CodeSearchBar.module.scss.d.ts           | 1 +
 web/src/components/CodeSearchBar/CodeSearchBar.tsx         | 2 +-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/web/src/components/CodeSearchBar/CodeSearchBar.module.scss b/web/src/components/CodeSearchBar/CodeSearchBar.module.scss
index 13bb2b211..111fa68cf 100644
--- a/web/src/components/CodeSearchBar/CodeSearchBar.module.scss
+++ b/web/src/components/CodeSearchBar/CodeSearchBar.module.scss
@@ -139,10 +139,13 @@
 
 .layoutCtn {
   display: flex;
-  height: 0px;
 }
 
 .messageContainer {
   width: 100%;
-  height: 0px !important;
+}
+
+.emptyContainer {
+  height: 0px !important;
+  width: 100%;
 }
diff --git a/web/src/components/CodeSearchBar/CodeSearchBar.module.scss.d.ts b/web/src/components/CodeSearchBar/CodeSearchBar.module.scss.d.ts
index cd1c41bb4..a6b46d3fc 100644
--- a/web/src/components/CodeSearchBar/CodeSearchBar.module.scss.d.ts
+++ b/web/src/components/CodeSearchBar/CodeSearchBar.module.scss.d.ts
@@ -18,6 +18,7 @@
 // This is an auto-generated file
 export declare const andOr: string
 export declare const bp3PopoverWrapper: string
+export declare const emptyContainer: string
 export declare const highltedText: string
 export declare const layoutCtn: string
 export declare const messageContainer: string
diff --git a/web/src/components/CodeSearchBar/CodeSearchBar.tsx b/web/src/components/CodeSearchBar/CodeSearchBar.tsx
index bd11d1500..a5bbfe2bb 100644
--- a/web/src/components/CodeSearchBar/CodeSearchBar.tsx
+++ b/web/src/components/CodeSearchBar/CodeSearchBar.tsx
@@ -173,7 +173,7 @@ const CodeSearchBar: FC<CodeSearchBarProps> = ({
           )
         )}
         {isSemanticSearchFFEnabled && aidaSettingResponse?.data?.value === 'true' && (
-          <Container className={css.messageContainer}></Container>
+          <Container className={css.emptyContainer}></Container>
         )}
         {!isSemanticMode && (
           <>