diff --git a/web/src/pages/Repository/RepositoryContent/ContentHeader/ContentHeader.module.scss b/web/src/pages/Repository/RepositoryContent/ContentHeader/ContentHeader.module.scss
index 4eda2c080..64ff372fc 100644
--- a/web/src/pages/Repository/RepositoryContent/ContentHeader/ContentHeader.module.scss
+++ b/web/src/pages/Repository/RepositoryContent/ContentHeader/ContentHeader.module.scss
@@ -100,6 +100,11 @@
   }
 }
 
+// to make space between the Archive banner and search box
+.searchBoxPositionArchivedRepo {
+  top: -70px !important;
+}
+
 .mainBorder {
   border-bottom: 1px solid var(--grey-200) !important;
 }
diff --git a/web/src/pages/Repository/RepositoryContent/ContentHeader/ContentHeader.module.scss.d.ts b/web/src/pages/Repository/RepositoryContent/ContentHeader/ContentHeader.module.scss.d.ts
index 83aab27c0..4d48e7734 100644
--- a/web/src/pages/Repository/RepositoryContent/ContentHeader/ContentHeader.module.scss.d.ts
+++ b/web/src/pages/Repository/RepositoryContent/ContentHeader/ContentHeader.module.scss.d.ts
@@ -23,3 +23,4 @@ export declare const mainContainer: string
 export declare const refRoot: string
 export declare const rootSlash: string
 export declare const searchBoxCtn: string
+export declare const searchBoxPositionArchivedRepo: string
diff --git a/web/src/pages/Repository/RepositoryContent/ContentHeader/ContentHeader.tsx b/web/src/pages/Repository/RepositoryContent/ContentHeader/ContentHeader.tsx
index a7cd7c104..5858753d8 100644
--- a/web/src/pages/Repository/RepositoryContent/ContentHeader/ContentHeader.tsx
+++ b/web/src/pages/Repository/RepositoryContent/ContentHeader/ContentHeader.tsx
@@ -169,7 +169,7 @@ export function ContentHeader({
           </>
         )}
       </Layout.Horizontal>
-      <div className={css.searchBoxCtn}>
+      <div className={cx(css.searchBoxCtn, { [css.searchBoxPositionArchivedRepo]: repoMetadata?.archived })}>
         {!standalone && !isCurrentSessionPublic ? <CodeSearch repoMetadata={repoMetadata} /> : null}
       </div>
     </Container>