diff --git a/frontend/src/InteractiveSearch/InteractiveSearch.css b/frontend/src/InteractiveSearch/InteractiveSearch.css
index 5e647332f..a8d1c62a6 100644
--- a/frontend/src/InteractiveSearch/InteractiveSearch.css
+++ b/frontend/src/InteractiveSearch/InteractiveSearch.css
@@ -7,3 +7,9 @@
 .filteredMessage {
   margin-top: 10px;
 }
+
+.blankpad {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  padding-left: 2em;
+}
diff --git a/frontend/src/InteractiveSearch/InteractiveSearch.css.d.ts b/frontend/src/InteractiveSearch/InteractiveSearch.css.d.ts
index 9ba7f72a4..74bcaaa83 100644
--- a/frontend/src/InteractiveSearch/InteractiveSearch.css.d.ts
+++ b/frontend/src/InteractiveSearch/InteractiveSearch.css.d.ts
@@ -1,6 +1,7 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
+  'blankpad': string;
   'filterMenuContainer': string;
   'filteredMessage': string;
 }
diff --git a/frontend/src/InteractiveSearch/InteractiveSearch.js b/frontend/src/InteractiveSearch/InteractiveSearch.js
index 2ddcd4bb4..297d23ab6 100644
--- a/frontend/src/InteractiveSearch/InteractiveSearch.js
+++ b/frontend/src/InteractiveSearch/InteractiveSearch.js
@@ -104,7 +104,7 @@ function InteractiveSearch(props) {
 
       {
         !isFetching && error ?
-          <div>
+          <div className={styles.blankpad}>
             Unable to load results for this book search. Try again later
           </div> :
           null
@@ -112,7 +112,7 @@ function InteractiveSearch(props) {
 
       {
         !isFetching && isPopulated && !totalReleasesCount ?
-          <div>
+          <div className={styles.blankpad}>
             No results found
           </div> :
           null
@@ -120,7 +120,7 @@ function InteractiveSearch(props) {
 
       {
         !!totalReleasesCount && isPopulated && !items.length ?
-          <div>
+          <div className={styles.blankpad}>
             All results are hidden by the applied filter
           </div> :
           null