From 7a7acd5ffa032275dd994922fe9ce66fca6fe47b Mon Sep 17 00:00:00 2001
From: Ali Yar Khan <37889962+AliYar-Khan@users.noreply.github.com>
Date: Tue, 17 Oct 2023 18:18:32 +0500
Subject: [PATCH] fix: icons not aligned center on firefox (#1251)

---
 apps/formbricks-com/components/shared/PricingTable.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/formbricks-com/components/shared/PricingTable.tsx b/apps/formbricks-com/components/shared/PricingTable.tsx
index 2ae1b046c3..207558b7fa 100644
--- a/apps/formbricks-com/components/shared/PricingTable.tsx
+++ b/apps/formbricks-com/components/shared/PricingTable.tsx
@@ -48,11 +48,11 @@ export const PricingTable = ({ leadRow, pricing, endRow }) => {
                 </TooltipProvider>
               ) : feature.free ? (
                 <div className="h-6 w-6 rounded-full border border-green-300 bg-green-100 p-0.5 dark:border-green-600 dark:bg-green-900">
-                  <CheckIcon className="p-0.5 text-green-500 dark:text-green-300" />
+                  <CheckIcon className=" text-green-500 dark:text-green-300" />
                 </div>
               ) : (
                 <div className="h-6 w-6 rounded-full border border-red-300 bg-red-100 p-0.5 dark:border-red-500 dark:bg-red-300">
-                  <XMarkIcon className="dark:red-300 p-0.5 text-red-500 dark:text-red-600" />
+                  <XMarkIcon className="text-red-500 dark:text-red-600" />
                 </div>
               )}
             </div>
@@ -72,11 +72,11 @@ export const PricingTable = ({ leadRow, pricing, endRow }) => {
                 </TooltipProvider>
               ) : feature.paid ? (
                 <div className="h-6 w-6 rounded-full border border-green-300 bg-green-100 p-0.5 dark:border-green-600 dark:bg-green-900">
-                  <CheckIcon className="p-0.5 text-green-500 dark:text-green-300" />
+                  <CheckIcon className="text-green-500 dark:text-green-300" />
                 </div>
               ) : (
                 <div className="h-6 w-6 rounded-full border border-red-300 bg-red-100 p-0.5 dark:border-red-600 dark:bg-red-900">
-                  <XMarkIcon className="dark:red-300 p-0.5 text-red-500" />
+                  <XMarkIcon className="dark:text-red-600 text-red-500" />
                 </div>
               )}
             </div>