diff --git a/app/src/components/Loader.js b/app/src/components/Loader.js
index 6cb32c5..41ac0ea 100644
--- a/app/src/components/Loader.js
+++ b/app/src/components/Loader.js
@@ -1,20 +1,17 @@
 import React from "react";
 import styled from "@emotion/styled";
-import { CircularProgress } from "@mui/material";
+import { LinearProgress } from "@mui/material";
 
 const Root = styled.div`
   justify-content: center;
   align-items: center;
   display: flex;
-  min-height: 100%;
 `;
 
-function Loader() {
+export default function Loader() {
   return (
     <Root>
-      <CircularProgress color="secondary" />
+      <LinearProgress />
     </Root>
   );
 }
-
-export default Loader;
diff --git a/app/src/components/search/SearchContainer.js b/app/src/components/search/SearchContainer.js
index e08e09e..474c595 100644
--- a/app/src/components/search/SearchContainer.js
+++ b/app/src/components/search/SearchContainer.js
@@ -12,6 +12,7 @@ import {
   Tab,
   Tabs,
   Card,
+  LinearProgress,
 } from "@mui/material";
 
 import { TabContext, TabPanel } from "@mui/lab";
@@ -206,6 +207,9 @@ const SearchContainer = memo(
 
     return (
       <SearchProvider config={config}>
+        <WithSearch mapContextToProps={({ isLoading }) => ({ isLoading })}>
+          {({ isLoading }) => (isLoading ? <LinearProgress /> : null)}
+        </WithSearch>
         {false && <TagFilter />}
         <TabContext value={filter}>
           <FilterBox xs={12} variant="outlined">