From e99bfaf17f1f21d38fe314b572b064c09124d27f Mon Sep 17 00:00:00 2001
From: Jens Langhammer <jens@goauthentik.io>
Date: Tue, 16 Jan 2024 23:58:41 +0100
Subject: [PATCH] website: fix styling on pricing page on firefox

Signed-off-by: Jens Langhammer <jens@goauthentik.io>
---
 website/src/pages/pricing/index.jsx | 35 +++++++++++++++++------------
 1 file changed, 21 insertions(+), 14 deletions(-)

diff --git a/website/src/pages/pricing/index.jsx b/website/src/pages/pricing/index.jsx
index e692a742b0..dd8a11d70f 100644
--- a/website/src/pages/pricing/index.jsx
+++ b/website/src/pages/pricing/index.jsx
@@ -53,9 +53,11 @@ export default function pricingPage() {
                                     <h3>Open Source</h3>
                                 </div>
                                 <div className="card__body">
-                                    <li>Open source</li>
-                                    <li>Self-hosted</li>
-                                    {commonFeatures}
+                                    <ul>
+                                        <li>Open source</li>
+                                        <li>Self-hosted</li>
+                                        {commonFeatures}
+                                    </ul>
                                 </div>
                                 <div className="card__footer">
                                     <h1>Free, forever</h1>
@@ -74,10 +76,12 @@ export default function pricingPage() {
                                     <h3>Enterprise Self-Hosted</h3>
                                 </div>
                                 <div className="card__body">
-                                    <li>Source-available</li>
-                                    <li>Self-hosted</li>
-                                    {commonFeatures}
-                                    {enterpriseFeatures}
+                                    <ul>
+                                        <li>Source-available</li>
+                                        <li>Self-hosted</li>
+                                        {commonFeatures}
+                                        {enterpriseFeatures}
+                                    </ul>
                                 </div>
                                 <div className="card__footer">
                                     <h1>
@@ -103,13 +107,16 @@ export default function pricingPage() {
                                     <h3>Enterprise Cloud</h3>
                                 </div>
                                 <div className="card__body">
-                                    <li>Hosted and Managed by authentik</li>
-                                    <li>Source-available</li>
-                                    {commonFeatures}
-                                    {enterpriseFeatures}
-                                    <li>
-                                        Easily shift to self-hosted if needed
-                                    </li>
+                                    <ul>
+                                        <li>Hosted and Managed by authentik</li>
+                                        <li>Source-available</li>
+                                        {commonFeatures}
+                                        {enterpriseFeatures}
+                                        <li>
+                                            Easily shift to self-hosted if
+                                            needed
+                                        </li>
+                                    </ul>
                                 </div>
                                 <div className="card__footer">
                                     <h1>