diff --git a/src/App.tsx b/src/App.tsx
index 954b8f7..40fea4f 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -6,7 +6,6 @@ import { useDebouncedValue } from './hooks/useDebouncedValue';
 import { type SortOption } from './utils/sortAndFilterMovies';
 
 import { useSessionStorage } from './hooks/useSessionStorage';
-import { SortFilterBar } from './components/SortFilterBar';
 import { useFavorites } from './hooks/useFavorites';
 import { MovieDetails } from './components/MovieDetails';
 import { FavoritesLayout } from './layout/FavoritesLayout';
@@ -59,17 +58,14 @@ function App() {
       />
 
       <main>
-        <SortFilterBar
-          sortBy={sortBy}
-          onSortChange={setSortBy}
-          minRating={minRating}
-          onMinRatingChange={setMinRating}
-        />
+      
         {isSearching ? (
           <SearchLayout
             query={query}
             search={search}
             sortBy={sortBy}
+            onSortChange={setSortBy}
+            onMinRatingChange={setMinRating}
             minRating={minRating}
             isFavorite={isFavorite}
             toggleFavorite={toggleFavorite}
@@ -78,16 +74,12 @@ function App() {
         ) : view === 'favoritter' ? (
           <FavoritesLayout
             favoriteIds={favoriteIds}
-            sortBy={sortBy}
-            minRating={minRating}
             isFavorite={isFavorite}
             toggleFavorite={toggleFavorite}
             onSelectMovie={setSelectedMovie}
           />
         ) : (
           <MainLayout
-            sortBy={sortBy}
-            minRating={minRating}
             isFavorite={isFavorite}
             toggleFavorite={toggleFavorite}
             onSelectMovie={setSelectedMovie}
diff --git a/src/layout/FavoritesLayout.tsx b/src/layout/FavoritesLayout.tsx
index 86cc6c8..e80177d 100644
--- a/src/layout/FavoritesLayout.tsx
+++ b/src/layout/FavoritesLayout.tsx
@@ -2,15 +2,10 @@ import { Section } from '../components/Section';
 import { MovieList } from '../components/MovieList';
 import { useFavoriteMovies } from '../hooks/useMovies';
 import type { Movie } from '../types/tmdb';
-import {
-  sortAndFilterMovies,
-  type SortOption,
-} from '../utils/sortAndFilterMovies';
+
 
 type FavoritesLayoutProps = {
   favoriteIds: number[];
-  sortBy: SortOption;
-  minRating: number;
   isFavorite: (id: number) => boolean;
   toggleFavorite: (id: number) => void;
   onSelectMovie: (movie: Movie) => void;
@@ -18,14 +13,12 @@ type FavoritesLayoutProps = {
 
 export function FavoritesLayout({
   favoriteIds,
-  sortBy,
-  minRating,
   isFavorite,
   toggleFavorite,
   onSelectMovie,
 }: FavoritesLayoutProps) {
   const { movies, isLoading, error } = useFavoriteMovies(favoriteIds);
-  const filteredMovies = sortAndFilterMovies(movies, sortBy, minRating);
+ 
 
   return (
     <Section
@@ -34,9 +27,9 @@ export function FavoritesLayout({
       isLoading={isLoading}
       error={error}
     >
-      {filteredMovies.length > 0 ? (
+      {movies.length > 0 ? (
         <MovieList
-          movies={filteredMovies}
+          movies={movies}
           isFavorite={isFavorite}
           onToggleFavorite={toggleFavorite}
           onSelectMovie={onSelectMovie}
diff --git a/src/layout/MainLayout.tsx b/src/layout/MainLayout.tsx
index 62464c5..7f96e9e 100644
--- a/src/layout/MainLayout.tsx
+++ b/src/layout/MainLayout.tsx
@@ -5,14 +5,9 @@ import { TrendingPreview } from '../components/TrendingPreview';
 import { useCurMovies, usePopMovies } from '../hooks/useMovies';
 
 import type { Movie } from '../types/tmdb';
-import {
-  sortAndFilterMovies,
-  type SortOption,
-} from '../utils/sortAndFilterMovies';
+
 
 type MainLayoutProps = {
-  sortBy: SortOption;
-  minRating: number;
   isFavorite: (id: number) => boolean;
   toggleFavorite: (id: number) => void;
   onSelectMovie: (movie: Movie) => void;
@@ -20,8 +15,6 @@ type MainLayoutProps = {
 
 // HomeSections.tsx
 export function MainLayout({
-  sortBy,
-  minRating,
   isFavorite,
   toggleFavorite,
   onSelectMovie,
@@ -53,7 +46,7 @@ export function MainLayout({
       >
         {popular.data && (
           <MovieList
-            movies={sortAndFilterMovies(popular.data, sortBy, minRating)}
+            movies={popular.data}
             isFavorite={isFavorite}
             onToggleFavorite={toggleFavorite}
             onSelectMovie={onSelectMovie}
@@ -68,7 +61,7 @@ export function MainLayout({
       >
         {current.data && (
           <MovieList
-            movies={sortAndFilterMovies(current.data, sortBy, minRating)}
+            movies={current.data}
             isFavorite={isFavorite}
             onToggleFavorite={toggleFavorite}
             onSelectMovie={onSelectMovie}
diff --git a/src/layout/SearchLayout.tsx b/src/layout/SearchLayout.tsx
index 44d7341..3e1c6ff 100644
--- a/src/layout/SearchLayout.tsx
+++ b/src/layout/SearchLayout.tsx
@@ -6,12 +6,15 @@ import {
   sortAndFilterMovies,
   type SortOption,
 } from '../utils/sortAndFilterMovies';
+import { SortFilterBar } from '../components/SortFilterBar';
 
 type SearchSectionProps = {
   query: string;
   search: UseQueryResult<Movie[], Error>; // or whatever your hook returns
   sortBy: SortOption;
   minRating: number;
+  onSortChange: (value: SortOption) => void;
+  onMinRatingChange: (value: number) => void;
   isFavorite: (id: number) => boolean;
   toggleFavorite: (id: number) => void;
   onSelectMovie: (movie: Movie) => void;
@@ -21,26 +24,36 @@ export function SearchLayout({
   query,
   search,
   sortBy,
+  onSortChange,
   minRating,
+  onMinRatingChange,
   isFavorite,
   toggleFavorite,
   onSelectMovie,
 }: SearchSectionProps) {
   return (
-    <Section
-      id="sok"
-      title={`Søkeresultater for "${query}"`}
-      isLoading={search.isLoading}
-      error={search.error}
-    >
-      {search.data && (
-        <MovieList
-          movies={sortAndFilterMovies(search.data, sortBy, minRating)}
-          isFavorite={isFavorite}
-          onToggleFavorite={toggleFavorite}
-          onSelectMovie={onSelectMovie}
-        />
-      )}
-    </Section>
+    <>
+      <SortFilterBar
+        sortBy={sortBy}
+        onSortChange={onSortChange}
+        minRating={minRating}
+        onMinRatingChange={onMinRatingChange}
+      />
+      <Section
+        id="sok"
+        title={`Søkeresultater for "${query}"`}
+        isLoading={search.isLoading}
+        error={search.error}
+      >
+        {search.data && (
+          <MovieList
+            movies={sortAndFilterMovies(search.data, sortBy, minRating)}
+            isFavorite={isFavorite}
+            onToggleFavorite={toggleFavorite}
+            onSelectMovie={onSelectMovie}
+          />
+        )}
+      </Section>
+    </>
   );
 }