From a483bd62abf221e2a5afec62bda23f7625a91019 Mon Sep 17 00:00:00 2001
From: m5r <mokht@rmi.al>
Date: Sat, 25 Sep 2021 18:58:07 +0800
Subject: [PATCH] remove red cross from unavailable features and fade out text
 instead

---
 app/public-area/pages/pricing.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/app/public-area/pages/pricing.tsx b/app/public-area/pages/pricing.tsx
index 6cef409..8912d1c 100644
--- a/app/public-area/pages/pricing.tsx
+++ b/app/public-area/pages/pricing.tsx
@@ -1,6 +1,6 @@
 import type { BlitzPage } from "blitz";
 import { Link, Routes } from "blitz";
-import { HiCheck, HiX } from "react-icons/hi";
+import { HiCheck } from "react-icons/hi";
 import clsx from "clsx";
 import * as Panelbear from "@panelbear/panelbear-js";
 
@@ -96,8 +96,7 @@ const Pricing: BlitzPage = () => {
 									))}
 									{tier.unavailableFeatures.map((feature) => (
 										<li key={feature} className="flex">
-											<HiX className="flex-shrink-0 w-6 h-6 text-[#d95565]" aria-hidden="true" />
-											<span className="ml-3 text-gray-500">
+											<span className="ml-9 text-gray-400">
 												{~feature.indexOf("(coming soon)")
 													? feature.slice(0, feature.indexOf("(coming soon)"))
 													: feature}