diff --git a/popup/search.css b/popup/search.css
index bd67d940..362d790a 100644
--- a/popup/search.css
+++ b/popup/search.css
@@ -228,6 +228,24 @@ body.search-results-shown {
   cursor: help;
 }
 
+[data-error] {
+  border: var(--pad) solid red;
+  border-radius: var(--pad);
+  padding: 0;
+}
+[data-error]::after {
+  content: attr(data-error);
+  display: block;
+  background: red;
+  color: yellow;
+  font-weight: bold;
+  padding-top: var(--pad);
+  hyphens: auto;
+}
+[data-error] .search-result-description {
+  display: none;
+}
+
 .search-results-nav {
   flex-direction: row;
   text-align: center;
diff --git a/popup/search.js b/popup/search.js
index a474e344..e4b67466 100644
--- a/popup/search.js
+++ b/popup/search.js
@@ -412,6 +412,7 @@
     saveScrollPosition(entry);
     installButton.disabled = true;
     entry.style.setProperty('pointer-events', 'none', 'important');
+    delete entry.dataset.error;
     if (!isUsw) {
       // FIXME: move this to background page and create an API like installUSOStyle
       result.pingbackTimer = setTimeout(download, PINGBACK_DELAY,
@@ -425,7 +426,8 @@
       const style = await API.usercss.install({sourceCode, updateUrl});
       renderFullInfo(entry, style);
     } catch (reason) {
-      error(`Error while downloading usoID:${id}\nReason: ${reason}`);
+      entry.dataset.error = `${t('genericError')}: ${reason}`;
+      entry.scrollIntoView({behavior: 'smooth', block: 'nearest'});
     }
     $remove('.lds-spinner', entry);
     installButton.disabled = false;