From c713c2ed5ecfc3dae3670aa5b76ac0e9604ac955 Mon Sep 17 00:00:00 2001
From: Ra <rkazoobies@gmail.com>
Date: Tue, 2 Sep 2025 16:58:20 -0700
Subject: [PATCH] fix dividers on settings page

---
 src/pages/Settings.tsx | 13 +++----------
 1 file changed, 3 insertions(+), 10 deletions(-)

diff --git a/src/pages/Settings.tsx b/src/pages/Settings.tsx
index 1d41e1e..4a24d72 100644
--- a/src/pages/Settings.tsx
+++ b/src/pages/Settings.tsx
@@ -193,11 +193,8 @@ const SettingsNew: React.FC = () => {
                         </div>
 
                         {/* Divider */}
-                        <div>
-                            <svg width="100%" height="2" viewBox="0 0 2000 2" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                <path d="M0 1H2000" stroke="var(--Neutrals-NeutralSlate200)" />
-                            </svg>
-                        </div>
+                        <div className="border-b-[1px] border-solid border-[--Neutrals-NeutralSlate200] w-full"></div>
+
 
                         {/* Theme Customization Section */}
                         <div className="w-full self-stretch p-6 flex flex-col justify-start items-start gap-6">
@@ -252,11 +249,7 @@ const SettingsNew: React.FC = () => {
                         </div>
 
                         {/* Another Divider */}
-                        <div>
-                            <svg width="2000" height="2" viewBox="0 0 2000 2" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                <path d="M0 1H2000" stroke="var(--Neutrals-NeutralSlate200)" />
-                            </svg>
-                        </div>
+                        <div className="border-b-[1px] border-solid border-[--Neutrals-NeutralSlate200] w-full"></div>
 
                         {/* Action Buttons */}
                         <div className="w-[1175px] p-6 inline-flex justify-start items-center gap-2">