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..0ccc48dbe 100644
--- a/web/app/globals.css
+++ b/web/app/globals.css
@@ -122,6 +122,37 @@ 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);
+}
+
+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 &));