From b5583c234224e5edae5e29e599f5f6147c044465 Mon Sep 17 00:00:00 2001
From: Piyush <piyd@equinor.com>
Date: Wed, 8 Jul 2026 15:20:31 +0530
Subject: [PATCH 1/2] search page screen size issue - blue area #3677

---
 web/app/[locale]/search/page.tsx | 11 +++++++++++
 web/app/globals.css              |  5 +++++
 2 files changed, 16 insertions(+)

diff --git a/web/app/[locale]/search/page.tsx b/web/app/[locale]/search/page.tsx
index ae549934e..5e3899b02 100644
--- a/web/app/[locale]/search/page.tsx
+++ b/web/app/[locale]/search/page.tsx
@@ -2,6 +2,7 @@
 import { Icon } from '@equinor/eds-core-react'
 import { close } from '@equinor/eds-icons'
 import { useRouter } from 'next/navigation'
+import { useEffect } from 'react'
 import { LogoLink } from '@/core/Link/LogoLink'
 import { NavTopbar } from '@/sections/SiteMenu/NavTopbar'
 import { TopbarDropdown } from '@/sections/SiteMenu/TopbarDropdown'
@@ -40,6 +41,16 @@ import { Search } from '@/sections/searchBlocks/Search'
 export default function Page() {
   const router = useRouter()
 
+  useEffect(() => {
+    document.body.classList.add('search-page-bg')
+    document.documentElement.classList.add('search-page-bg')
+
+    return () => {
+      document.body.classList.remove('search-page-bg')
+      document.documentElement.classList.remove('search-page-bg')
+    }
+  }, [])
+
   return (
     <div
       data-search-page='true'
diff --git a/web/app/globals.css b/web/app/globals.css
index fa33110f2..51415f59c 100644
--- a/web/app/globals.css
+++ b/web/app/globals.css
@@ -122,6 +122,11 @@ data-ui="checked active" class="data-checked:underline">
 @custom-variant data-topbar-visible (&[data-topbar-visible~='true']);
 @custom-variant data-topbar-hidden (&[data-topbar-visible~='false']);
 
+html.search-page-bg,
+body.search-page-bg {
+  background-color: var(--color-slate-blue-95);
+}
+
 /* old darkMode: ['variant', [':is(.dark &):not(.light &)']],*/
 /* @custom-variant dark (&:where(.dark, .dark *)); */
 @custom-variant dark (&:is(.dark &):not(.light &));

From ffa2b559aaaa8c416e65e23dcd70acb54f67455c Mon Sep 17 00:00:00 2001
From: Piyush <piyd@equinor.com>
Date: Wed, 8 Jul 2026 19:02:08 +0530
Subject: [PATCH 2/2] Adjust search page height #3677

---
 web/app/globals.css | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/web/app/globals.css b/web/app/globals.css
index 51415f59c..0ccc48dbe 100644
--- a/web/app/globals.css
+++ b/web/app/globals.css
@@ -127,6 +127,32 @@ body.search-page-bg {
   background-color: var(--color-slate-blue-95);
 }
 
+body.search-page-bg {
+  display: flex;
+  min-height: 100dvh;
+  flex-direction: column;
+}
+
+body.search-page-bg [data-search-page='true'] {
+  min-height: 100dvh;
+  padding-bottom: 56px;
+}
+
+body.search-page-bg footer {
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  min-height: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+body.search-page-bg footer > div > div:last-child {
+  padding-top: 0;
+  padding-bottom: 12px;
+}
+
 /* old darkMode: ['variant', [':is(.dark &):not(.light &)']],*/
 /* @custom-variant dark (&:where(.dark, .dark *)); */
 @custom-variant dark (&:is(.dark &):not(.light &));