From 783f5077fb8d6957a1daec43cd9e0bb3ef8fc154 Mon Sep 17 00:00:00 2001
From: rektdeckard <friedtm@gmail.com>
Date: Mon, 12 Oct 2020 22:48:44 -0400
Subject: [PATCH] Notice: prevent whitespace wrap

---
 src/components/IconGrid/IconGrid.css | 1 +
 src/components/IconGrid/IconGrid.tsx | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/IconGrid/IconGrid.css b/src/components/IconGrid/IconGrid.css
index 179b074..a3362fa 100644
--- a/src/components/IconGrid/IconGrid.css
+++ b/src/components/IconGrid/IconGrid.css
@@ -163,6 +163,7 @@
   min-height: 80vh;
   max-width: 1120px;
   margin: auto;
+  white-space: nowrap;
 }
 
 .empty-list p {
diff --git a/src/components/IconGrid/IconGrid.tsx b/src/components/IconGrid/IconGrid.tsx
index 803329c..d0a08f6 100644
--- a/src/components/IconGrid/IconGrid.tsx
+++ b/src/components/IconGrid/IconGrid.tsx
@@ -37,7 +37,7 @@ const IconGrid: React.FC<IconGridProps> = () => {
   if (!filteredQueryResults.length)
     return (
       <Notice>
-        Try searching a category or keyword:
+        <span>Try searching a category or keyword:</span>
         <TagCloud name="empty-state" isDark={isDark} tags={defaultSearchTags} />
       </Notice>
     );