diff --git a/src/views/search/SearchLoadingView.tsx b/src/views/search/SearchLoadingView.tsx
index 4572c659..6d02ff51 100644
--- a/src/views/search/SearchLoadingView.tsx
+++ b/src/views/search/SearchLoadingView.tsx
@@ -5,7 +5,7 @@ export function SearchLoadingView() {
   const { t } = useTranslation();
   return (
     <Loading
-      className="mt-40"
+      className="mt-40 mb-24 "
       text={t("search.loading") || "Fetching your favourite shows..."}
     />
   );
diff --git a/src/views/search/SearchResultsView.tsx b/src/views/search/SearchResultsView.tsx
index 6ce0001d..5f602988 100644
--- a/src/views/search/SearchResultsView.tsx
+++ b/src/views/search/SearchResultsView.tsx
@@ -20,7 +20,7 @@ function SearchSuffix(props: {
   const icon: Icons = allFailed ? Icons.WARNING : Icons.EYE_SLASH;
 
   return (
-    <div className="mt-40 flex flex-col items-center justify-center space-y-3 text-center">
+    <div className="mt-40 mb-24  flex flex-col items-center justify-center space-y-3 text-center">
       <IconPatch
         icon={icon}
         className={`text-xl ${allFailed ? "text-red-400" : "text-bink-600"}`}