diff --git a/package-lock.json b/package-lock.json
index 0a33d1b4d..4342ab682 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,7 +10,7 @@
             "dependencies": {
                 "@grafana/faro-web-sdk": "1.3.6",
                 "@navikt/aksel-icons": "^5.17.2",
-                "@navikt/arbeidsgiver-notifikasjon-widget": "6.5.5",
+                "@navikt/arbeidsgiver-notifikasjon-widget": "6.5.6",
                 "@navikt/bedriftsmeny": "6.13.0",
                 "@navikt/ds-css": "^5.17.2",
                 "@navikt/ds-icons": "3.4.3",
@@ -4307,9 +4307,9 @@
             "license": "MIT"
         },
         "node_modules/@navikt/arbeidsgiver-notifikasjon-widget": {
-            "version": "6.5.5",
-            "resolved": "https://npm.pkg.github.com/download/@navikt/arbeidsgiver-notifikasjon-widget/6.5.5/1adba0e5a72330f45a40c9cfbd2737f7a6156150",
-            "integrity": "sha512-2vGMt77F8AdthzxkurWaQQJ7aCECBHqQvuSr+ow+BIr+y+LjUghR11/n1SKRpYhfBWTKAcRBc6vYkSH5hfkgJQ==",
+            "version": "6.5.6",
+            "resolved": "https://npm.pkg.github.com/download/@navikt/arbeidsgiver-notifikasjon-widget/6.5.6/f727ee483b50a0fcc431a0334d2a5ac944e2afbf",
+            "integrity": "sha512-NXW9eJalMcXxLRK7T0jMBepEMRM1hAQIcm2luP5Aot2iYpTNoAzmKRcetm0tl3e9+Vf5sDhzpQpqe6nkJd2EwQ==",
             "dependencies": {
                 "@apollo/client": "3.8.5",
                 "graphql": "^16.8.1"
diff --git a/package.json b/package.json
index 12145e425..897d7fe22 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
     "dependencies": {
         "@grafana/faro-web-sdk": "1.3.6",
         "@navikt/aksel-icons": "^5.17.2",
-        "@navikt/arbeidsgiver-notifikasjon-widget": "6.5.5",
+        "@navikt/arbeidsgiver-notifikasjon-widget": "6.5.6",
         "@navikt/bedriftsmeny": "6.13.0",
         "@navikt/ds-css": "^5.17.2",
         "@navikt/ds-icons": "3.4.3",
diff --git a/server/package-lock.json b/server/package-lock.json
index f2ad26ceb..fcb8d5950 100644
--- a/server/package-lock.json
+++ b/server/package-lock.json
@@ -9,7 +9,7 @@
             "version": "1.0.0",
             "license": "MIT",
             "dependencies": {
-                "@navikt/arbeidsgiver-notifikasjoner-brukerapi-mock": "6.5.5",
+                "@navikt/arbeidsgiver-notifikasjoner-brukerapi-mock": "6.5.6",
                 "apollo-server-express": "3.12.1",
                 "casual": "^1.6.2",
                 "express": "^4.19.2",
@@ -294,9 +294,9 @@
             "integrity": "sha512-CtzORUwWTTOTqfVtHaKRJ0I1kNQd1bpn3sUh8I3nJDVY+5/M/Oe1DnEWzPQvqq/xPIIkzzzIP7mfCoAjFRvDhg=="
         },
         "node_modules/@navikt/arbeidsgiver-notifikasjoner-brukerapi-mock": {
-            "version": "6.5.5",
-            "resolved": "https://registry.npmjs.org/@navikt/arbeidsgiver-notifikasjoner-brukerapi-mock/-/arbeidsgiver-notifikasjoner-brukerapi-mock-6.5.5.tgz",
-            "integrity": "sha512-xKV9Vvjt4OLsotaRs1Qv/4IzZGo/0boSmiNCy9FGB6M7g78U9Dsgy0QZmUaUg1tGPYw4I/47qzNOMjFXWXRt7Q==",
+            "version": "6.5.6",
+            "resolved": "https://registry.npmjs.org/@navikt/arbeidsgiver-notifikasjoner-brukerapi-mock/-/arbeidsgiver-notifikasjoner-brukerapi-mock-6.5.6.tgz",
+            "integrity": "sha512-WZAuqd6LmfTs2QdZI1Ojyq8eBCleDuzFO2difiJEHalzMOD1CipeLgbDFzRoUSAelfZFDl3Bj3xG5NAxTIcS2Q==",
             "dependencies": {
                 "apollo-server": "^3.10.2",
                 "apollo-server-core": "^3.10.2",
@@ -3201,9 +3201,9 @@
             "integrity": "sha512-CtzORUwWTTOTqfVtHaKRJ0I1kNQd1bpn3sUh8I3nJDVY+5/M/Oe1DnEWzPQvqq/xPIIkzzzIP7mfCoAjFRvDhg=="
         },
         "@navikt/arbeidsgiver-notifikasjoner-brukerapi-mock": {
-            "version": "6.5.5",
-            "resolved": "https://registry.npmjs.org/@navikt/arbeidsgiver-notifikasjoner-brukerapi-mock/-/arbeidsgiver-notifikasjoner-brukerapi-mock-6.5.5.tgz",
-            "integrity": "sha512-xKV9Vvjt4OLsotaRs1Qv/4IzZGo/0boSmiNCy9FGB6M7g78U9Dsgy0QZmUaUg1tGPYw4I/47qzNOMjFXWXRt7Q==",
+            "version": "6.5.6",
+            "resolved": "https://registry.npmjs.org/@navikt/arbeidsgiver-notifikasjoner-brukerapi-mock/-/arbeidsgiver-notifikasjoner-brukerapi-mock-6.5.6.tgz",
+            "integrity": "sha512-WZAuqd6LmfTs2QdZI1Ojyq8eBCleDuzFO2difiJEHalzMOD1CipeLgbDFzRoUSAelfZFDl3Bj3xG5NAxTIcS2Q==",
             "requires": {
                 "apollo-server": "^3.10.2",
                 "apollo-server-core": "^3.10.2",
diff --git a/server/package.json b/server/package.json
index 863a03923..9a32937d0 100644
--- a/server/package.json
+++ b/server/package.json
@@ -5,7 +5,7 @@
     "type": "module",
     "main": "server.js",
     "dependencies": {
-        "@navikt/arbeidsgiver-notifikasjoner-brukerapi-mock": "6.5.5",
+        "@navikt/arbeidsgiver-notifikasjoner-brukerapi-mock": "6.5.6",
         "apollo-server-express": "3.12.1",
         "casual": "^1.6.2",
         "express": "^4.19.2",
diff --git a/src/Pages/Saksoversikt/Saksfilter/Saksfilter.css b/src/Pages/Saksoversikt/Saksfilter/Saksfilter.css
index d16f474ff..0342e62f2 100644
--- a/src/Pages/Saksoversikt/Saksfilter/Saksfilter.css
+++ b/src/Pages/Saksoversikt/Saksfilter/Saksfilter.css
@@ -2,11 +2,15 @@
     display: flex;
     flex-direction: column;
     min-width: min(22rem, 100%);
-    min-height: max(100vh);
+    max-height: 100vh;
     gap: 16px;
     background: var(--a-bg-default);
     padding: 24px;
     grid-column-start: 2;
+    overflow-y: scroll;
+    position: sticky;
+    top: 0;
+    margin-bottom: 64px;
 }
 
 @media (max-width: 730px) {
@@ -15,7 +19,18 @@
     }
 }
 
-ul.sak_virksomhetsmeny_hovedenhetliste,
+
+.saksfilter::-webkit-scrollbar {
+    width: 10px; /* Angi ønsket bredde på scroll-baren */
+}
+
+.saksfilter::-webkit-scrollbar-thumb {
+    background-color: #888; /* Angi ønsket farge på scroll-baren */
+    border-radius: 5px; /* Angi ønsket avrundingsradius på scroll-baren */
+    min-height: 30px; /* Angi ønsket min-høyde på scroll-baren */
+}
+
+.sak_virksomhetsmeny_hovedenhetliste,
 .sak_virksomhetsmeny_hovedenhetliste ul {
     margin: 0;
     padding: 0;
diff --git a/src/Pages/Saksoversikt/Saksfilter/Saksfilter.tsx b/src/Pages/Saksoversikt/Saksfilter/Saksfilter.tsx
index fe16859ab..7c11895ad 100644
--- a/src/Pages/Saksoversikt/Saksfilter/Saksfilter.tsx
+++ b/src/Pages/Saksoversikt/Saksfilter/Saksfilter.tsx
@@ -4,7 +4,7 @@ import { Virksomhetsmeny } from './Virksomhetsmeny/Virksomhetsmeny';
 import { Søkeboks } from './Søkeboks';
 import { Filter } from '../useOversiktStateTransitions';
 import { Ekspanderbartpanel } from '../../../GeneriskeElementer/Ekspanderbartpanel';
-import { BodyShort, Checkbox, CheckboxGroup, Heading } from '@navikt/ds-react';
+import { BodyShort, Button, Checkbox, CheckboxGroup, Heading } from '@navikt/ds-react';
 import { Filter as FilterIkon } from '@navikt/ds-icons';
 import {
     OppgaveTilstand,
@@ -154,7 +154,7 @@ export const Saksfilter = ({
                     </CheckboxGroup>
                 )}
 
-                <CheckboxGroup legend="Virksomheter">
+                <CheckboxGroup legend="Virksomheter" className="saksfilter_virksomhetsmeny">
                     <Virksomhetsmeny
                         valgteEnheter={valgteVirksomheter}
                         setValgteEnheter={setValgteVirksomheter}
diff --git a/src/Pages/Saksoversikt/Saksoversikt.css b/src/Pages/Saksoversikt/Saksoversikt.css
index fe9c9d5c6..2a5a06cfa 100644
--- a/src/Pages/Saksoversikt/Saksoversikt.css
+++ b/src/Pages/Saksoversikt/Saksoversikt.css
@@ -4,7 +4,7 @@
   gap: 16px;
   background-color: var(--a-gray-100);
   margin: 16px;
-  grid-column-start: 3
+  grid-column-start: 3;
 }
 
 .saksoversikt__innhold {
@@ -12,11 +12,40 @@
   grid-template-columns: 1fr 22rem min(62rem, calc(100vw - 22rem) ) 22rem 1fr;
 }
 
+.saksoversikt_sticky_top {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  gap: 8px;
+  margin-top: -16px;
+  padding-top: 16px;
+  padding-bottom: 8px;
+  position: sticky;
+  top: -1px;
+  background: var(--a-bg-subtle);
+
+  box-shadow: 0 50px 0 -60px black;
+  transition: box-shadow 0.5s ease-in-out;
+}
+
+.saksoversikt_sticky_top[data-stuck] {
+  box-shadow: 0 50px 50px -60px black;
+}
+
 @media (max-width: 730px){
   .saksoversikt__innhold {
     display: flex;
     flex-direction: column;
   }
+
+  .saksoversikt_sticky_top {
+    position: unset;
+    top: unset;
+  }
+
+  .saksoversikt_sticky_top[data-stuck] {
+    box-shadow: none;
+  }
 }
 
 .saksoversikt__skjult-header-uu {
@@ -69,10 +98,6 @@
   gap: 16px;
 }
 
-.saksoversikt__saksliste-footer {
-  flex-wrap: wrap-reverse;
-}
-
 .saksoversikt__sortering {
   grid-template-columns: auto auto;
   align-items: center;
diff --git a/src/Pages/Saksoversikt/Saksoversikt.tsx b/src/Pages/Saksoversikt/Saksoversikt.tsx
index d9cf10c6d..f045103ec 100644
--- a/src/Pages/Saksoversikt/Saksoversikt.tsx
+++ b/src/Pages/Saksoversikt/Saksoversikt.tsx
@@ -63,6 +63,25 @@ export const Saksoversikt = () => {
 
     const alleSakstyper = useAlleSakstyper();
 
+    const navRef = useRef<HTMLDivElement>(null); //Brukes til å legge skygge under paginering og filtre
+
+    useEffect(() => {
+        const observer = new IntersectionObserver(
+            ([entry]) => {
+                navRef.current?.toggleAttribute('data-stuck', entry.intersectionRatio < 1);
+            },
+            { threshold: [1] }
+        );
+
+        if (navRef.current) {
+            observer.observe(navRef.current);
+        }
+
+        return () => {
+            observer.disconnect();
+        };
+    }, []);
+
     return (
         <div className="saksoversikt__innhold">
             <Saksfilter
@@ -80,25 +99,23 @@ export const Saksoversikt = () => {
                 <Heading level="2" size="medium" className="saksoversikt__skjult-header-uu">
                     Mine filtervalg
                 </Heading>
-                <LagreFilter
-                    state={state}
-                    byttFilter={byttFilter}
-                    setValgtFilterId={setValgtFilterId}
-                />
-                <FilterChips state={state} byttFilter={byttFilter} />
-                <div className="saksoversikt__saksliste-header">
-                    <VelgSortering state={state} byttFilter={byttFilter} />
-                    <Sidevelger state={state} byttFilter={byttFilter} skjulForMobil={true} />
+                <div ref={navRef} className="saksoversikt_sticky_top">
+                    <LagreFilter
+                        state={state}
+                        byttFilter={byttFilter}
+                        setValgtFilterId={setValgtFilterId}
+                    />
+                    <FilterChips state={state} byttFilter={byttFilter} />
+                    <div className="saksoversikt__saksliste-header">
+                        <VelgSortering state={state} byttFilter={byttFilter} />
+                        <Sidevelger state={state} byttFilter={byttFilter} skjulForMobil={true} />
+                    </div>
                 </div>
                 <Heading level="2" size="medium" className="saksoversikt__skjult-header-uu">
                     Saker
                 </Heading>
                 <SaksListeBody state={state} />
-
-                <div className="saksoversikt__saksliste-footer">
-                    <HvaVisesHer />
-                    <Sidevelger state={state} byttFilter={byttFilter} skjulForMobil={false} />
-                </div>
+                <HvaVisesHer />
             </div>
         </div>
     );