From 4275cd3b238b75bd45c23e94ddf918ef6da7a2e9 Mon Sep 17 00:00:00 2001
From: AleksanderSklorz <115619721+AleksanderSklorz@users.noreply.github.com>
Date: Thu, 13 Aug 2026 11:17:52 +0200
Subject: [PATCH] [ACS-12390] Fix overlapped search input after resizing
 (#5335)

---
 .../aca-content/src/lib/aca-content.module.ts |  3 ++-
 .../search-input/search-input.component.scss  | 24 +++++++++----------
 .../search-results.component.scss             |  2 --
 3 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/projects/aca-content/src/lib/aca-content.module.ts b/projects/aca-content/src/lib/aca-content.module.ts
index cbfe17600..a4f6d86ac 100644
--- a/projects/aca-content/src/lib/aca-content.module.ts
+++ b/projects/aca-content/src/lib/aca-content.module.ts
@@ -62,7 +62,7 @@ import { TagsColumnComponent } from './components/dl-custom-components/tags-colu
 import { UserInfoComponent } from './components/common/user-info/user-info.component';
 import { SidenavComponent } from './components/sidenav/sidenav.component';
 import { ContentManagementService } from './services/content-management.service';
-import { SHELL_NAVBAR_MIN_WIDTH, ShellLayoutComponent } from '@alfresco/adf-core/shell';
+import { SHELL_NAVBAR_MIN_WIDTH, SHELL_NAVBAR_SMALL_SCREEN_BREAKPOINT, ShellLayoutComponent } from '@alfresco/adf-core/shell';
 import { UserMenuComponent } from './components/sidenav/user-menu/user-menu.component';
 import { MAT_DIALOG_DEFAULT_OPTIONS } from '@angular/material/dialog';
 import { SearchResultsRowComponent } from './components/search/search-results-row/search-results-row.component';
@@ -82,6 +82,7 @@ import { IsFeatureSupportedInCurrentAcsPipe } from './pipes/is-feature-supported
     provideFolderRulesExtension(),
     provideTranslations('app', 'assets'),
     { provide: SHELL_NAVBAR_MIN_WIDTH, useValue: 0 },
+    { provide: SHELL_NAVBAR_SMALL_SCREEN_BREAKPOINT, useValue: 793 },
     {
       provide: MAT_DIALOG_DEFAULT_OPTIONS,
       useValue: { closeOnNavigation: true, hasBackdrop: true, autoFocus: true }
diff --git a/projects/aca-content/src/lib/components/search/search-input/search-input.component.scss b/projects/aca-content/src/lib/components/search/search-input/search-input.component.scss
index 6ad5de2cd..267465463 100644
--- a/projects/aca-content/src/lib/components/search/search-input/search-input.component.scss
+++ b/projects/aca-content/src/lib/components/search/search-input/search-input.component.scss
@@ -51,6 +51,18 @@ $search-border-radius: 4px;
     font-size: 16px;
     line-height: calc($search-height / 2);
   }
+
+  @media screen and (width <= 840px) {
+    .app-input-form-field {
+      width: 450px;
+    }
+  }
+
+  @media screen and (width <= 521px) {
+    .app-input-form-field {
+      width: 444px;
+    }
+  }
 }
 
 .aca-search-input--suffix {
@@ -73,18 +85,6 @@ $search-border-radius: 4px;
   }
 }
 
-@media screen and (width <= 959px) {
-  $search-width-small: 400px;
-
-  .aca-search-input {
-    max-width: $search-width-small;
-  }
-
-  .app-search-container {
-    max-width: $search-width-small;
-  }
-}
-
 @media screen and (width <= 599px) {
   .aca-search-input {
     max-width: 220px;
diff --git a/projects/aca-content/src/lib/components/search/search-results/search-results.component.scss b/projects/aca-content/src/lib/components/search/search-results/search-results.component.scss
index ae1d86fa8..e88f2623c 100644
--- a/projects/aca-content/src/lib/components/search/search-results/search-results.component.scss
+++ b/projects/aca-content/src/lib/components/search/search-results/search-results.component.scss
@@ -18,8 +18,6 @@ body:has(aca-search-results) {
 
 aca-search-results {
   .aca-content-header {
-    overflow-x: auto;
-
     @include mat.icon-button-overrides(
       (
         icon-color: var(--theme-foreground-text-color)