diff --git a/packages/frontend/core/src/modules/find-in-page/view/find-in-page-modal.tsx b/packages/frontend/core/src/modules/find-in-page/view/find-in-page-modal.tsx
index e95fa8b4e4..4655ebcb35 100644
--- a/packages/frontend/core/src/modules/find-in-page/view/find-in-page-modal.tsx
+++ b/packages/frontend/core/src/modules/find-in-page/view/find-in-page-modal.tsx
@@ -222,7 +222,7 @@ export const FindInPageModal = () => {
           >
             <div
               className={clsx(styles.inputContainer, {
-                active: active,
+                active: active || isSearching,
               })}
             >
               <SearchIcon className={styles.searchIcon} />