style empty state

src/components/atoms/Price/index.module.css

@@ -11,6 +11,11 @@
   font-size: var(--font-size-base);
 }
 
+.empty {
+  color: var(--color-secondary);
+  font-weight: var(--font-weight-bold);
+}
+
 .small {
   /* lazy making-conversion-smaller-with-same-markup */
   transform: scale(0.8);

src/components/atoms/Price/index.tsx

@@ -50,7 +50,7 @@ export default function Price({
   return price ? (
     <div className={styleClasses}>{displayPrice}</div>
   ) : price === '' ? (
-    <div>
+    <div className={styles.empty}>
       No price found{' '}
       <Tooltip content="We could not find a pool for this data set, which can have multiple reasons. Is your wallet connected to the correct network?" />
     </div>