From 5c1a17fc91f872e003a4d5cceab829dbf10bc192 Mon Sep 17 00:00:00 2001
From: mbecker20 <becker.maxh@gmail.com>
Date: Fri, 23 Jan 2026 01:10:06 -0800
Subject: [PATCH] improve config styling a bit more

---
 frontend/src/components/config/index.tsx | 6 +++---
 frontend/src/components/layouts.tsx      | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/config/index.tsx b/frontend/src/components/config/index.tsx
index 50d41816f..60829f527 100644
--- a/frontend/src/components/config/index.tsx
+++ b/frontend/src/components/config/index.tsx
@@ -161,11 +161,11 @@ export const Config = <T,>({
     >
       <div className="flex gap-6">
         {!disableSidebar && (
-          <div className="hidden xl:block relative pr-6 border-r">
+          <div className="hidden xl:block relative pr-6 border-r border-t rounded-md">
             <div className="sticky top-24 hidden xl:flex flex-col gap-4 w-[140px] pb-24">
               <div
                 className={cn(
-                  "flex flex-col gap-8 h-fit overflow-auto max-h-[calc(100vh-130px)]",
+                  "flex flex-col gap-8 h-fit pt-4 overflow-auto max-h-[calc(100vh-130px)]",
                   changesMade && "max-h-[calc(100vh-220px)]",
                 )}
               >
@@ -173,7 +173,7 @@ export const Config = <T,>({
                   <div key={section}>
                     <div className="flex items-center gap-2 justify-end text-muted-foreground mb-2">
                       <Bookmark className="w-4 h-4" />
-                      <p className="uppercase">{section || "General"}</p>
+                      <p className="uppercase">{section || "GENERAL"}</p>
                     </div>
                     <div className="flex flex-col gap-2">
                       {components[section] &&
diff --git a/frontend/src/components/layouts.tsx b/frontend/src/components/layouts.tsx
index 883e08f8a..b80f9e124 100644
--- a/frontend/src/components/layouts.tsx
+++ b/frontend/src/components/layouts.tsx
@@ -190,7 +190,7 @@ export const Section = ({
     {(title || icon || titleRight || titleOther || actions) && (
       <div
         className={cn(
-          "flex flex-wrap gap-4 justify-between",
+          "flex flex-wrap gap-4 justify-between mb-3",
           itemsCenterTitleRow ? "items-center" : "items-start"
         )}
       >