From fc685bae84fc63c9df5e0203461b1d51e1da97ec Mon Sep 17 00:00:00 2001
From: rektdeckard <friedtm@gmail.com>
Date: Mon, 28 Sep 2020 03:30:32 -0400
Subject: [PATCH] Warn: properly ellide error message text

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

diff --git a/src/components/IconGrid/IconGrid.css b/src/components/IconGrid/IconGrid.css
index bb697c0d..c431e226 100644
--- a/src/components/IconGrid/IconGrid.css
+++ b/src/components/IconGrid/IconGrid.css
@@ -163,7 +163,7 @@
 }
 
 .empty-list p {
-  max-width: 720px;
+  max-width: 80%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
diff --git a/src/components/Warn/Warn.tsx b/src/components/Warn/Warn.tsx
index 42709d2d..8b213dec 100644
--- a/src/components/Warn/Warn.tsx
+++ b/src/components/Warn/Warn.tsx
@@ -25,7 +25,7 @@ const Warn: React.FC<WarnProps> = ({ message }) => {
         <SmileyXEyes size={128} color="#615C68" weight="duotone" />
         {message ?? (
           <p>
-            No results for '<code>{query}</code>'
+            No results for "<code>{query}</code>"
           </p>
         )}
       </motion.div>