From 7a1c6b2e95e8f87ea91ff4f7032665cc3d88b931 Mon Sep 17 00:00:00 2001
From: konfig-bot <bot@konfigthis.com>
Date: Thu, 26 Oct 2023 13:07:48 -0700
Subject: [PATCH] fix some styles

---
 generator/konfig-next-app/src/components/OperationForm.tsx    | 4 ++--
 generator/konfig-next-app/src/components/OperationRequest.tsx | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/generator/konfig-next-app/src/components/OperationForm.tsx b/generator/konfig-next-app/src/components/OperationForm.tsx
index 5a366d4c2..4dd03991f 100644
--- a/generator/konfig-next-app/src/components/OperationForm.tsx
+++ b/generator/konfig-next-app/src/components/OperationForm.tsx
@@ -103,9 +103,9 @@ function ParameterGroup({
   return (
     parameters.length > 0 && (
       <Box>
-        <Title mb="xl" order={6}>
+        <div className="text-xs text-mantine-gray-600 mb-6 font-semibold">
           {title}
-        </Title>
+        </div>
         <Stack spacing="xl">
           {parameters.map((param, i) => (
             <Box
diff --git a/generator/konfig-next-app/src/components/OperationRequest.tsx b/generator/konfig-next-app/src/components/OperationRequest.tsx
index 42ef978fd..98ebf893a 100644
--- a/generator/konfig-next-app/src/components/OperationRequest.tsx
+++ b/generator/konfig-next-app/src/components/OperationRequest.tsx
@@ -27,6 +27,7 @@ export function OperationRequest({
   codegenArgs: CodeGeneratorConstructorArgs
   requestInProgress: boolean
 }) {
+  const { colorScheme } = useMantineTheme()
   return (
     <div className="border rounded-xl border-mantine-gray-400 dark:border-mantine-gray-800">
       <Tab.Group>
@@ -67,7 +68,7 @@ export function OperationRequest({
         </Tab.Panels>
         <div className="border-t dark:border-t-mantine-gray-900 py-4">
           <Button
-            variant="light"
+            variant={colorScheme === 'dark' ? 'light' : 'filled'}
             className="ml-auto block mx-4 rounded-md"
             type="submit"
             loading={requestInProgress}