From bb713b9794e5f13e9e1bedccc877053cf8f1915e Mon Sep 17 00:00:00 2001
From: sphinxrave <62570796+sphinxrave@users.noreply.github.com>
Date: Sat, 9 Nov 2024 11:40:14 -0800
Subject: [PATCH] nitpicks

---
 packages/react/src/components/layout/InlayContainer.tsx | 8 +++++---
 packages/react/src/components/settings/SettingsItem.tsx | 2 +-
 packages/react/src/shadcn/ui/tabs.tsx                   | 2 +-
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/packages/react/src/components/layout/InlayContainer.tsx b/packages/react/src/components/layout/InlayContainer.tsx
index 1b24c3144..04eb38f29 100644
--- a/packages/react/src/components/layout/InlayContainer.tsx
+++ b/packages/react/src/components/layout/InlayContainer.tsx
@@ -43,16 +43,18 @@ export function InlayContainer({ routes }: InlayContainerProps) {
           "flex flex-col gap-4": itemSelected,
         })}
       >
-        <div className="block w-full rounded-lg bg-base-2 p-2 md:hidden">
+        <div className="flex w-full flex-row items-center rounded-lg bg-base-2 p-2 md:hidden">
           <Button
             size="lg"
             variant="link"
-            className="w-full justify-start px-2"
+            className="w-12 justify-start px-2"
             onClick={() => navigate(-1)}
           >
             <div className="i-heroicons:chevron-left" />
-            {t("component.mainNav.back")}
           </Button>
+          <h2 className="mr-12 flex-1 text-center text-lg font-semibold md:text-2xl">
+            {routes.find(({ href }) => href === location.pathname)?.label}
+          </h2>
         </div>
         <div className="w-full rounded-lg bg-baseA-2 p-2 md:p-4 xl:p-8">
           <Suspense fallback={<Loading size="xl" />}>
diff --git a/packages/react/src/components/settings/SettingsItem.tsx b/packages/react/src/components/settings/SettingsItem.tsx
index a3841194c..d7daf6d94 100644
--- a/packages/react/src/components/settings/SettingsItem.tsx
+++ b/packages/react/src/components/settings/SettingsItem.tsx
@@ -15,7 +15,7 @@ export function SettingsItem({
     <div className="my-2 flex flex-wrap justify-between gap-4 first:mt-0 last:mb-4 last:border-b-0">
       <h3
         className={
-          "mb-2 mt-3 text-2xl tracking-tight md:text-3xl " +
+          "mb-2 mt-3 text-2xl tracking-tight md:text-3xl ml-4 md:ml-0" +
           (fullWidth && " w-full")
         }
       >
diff --git a/packages/react/src/shadcn/ui/tabs.tsx b/packages/react/src/shadcn/ui/tabs.tsx
index dd9a6ce1c..0f2f1586b 100644
--- a/packages/react/src/shadcn/ui/tabs.tsx
+++ b/packages/react/src/shadcn/ui/tabs.tsx
@@ -31,7 +31,7 @@ const TabsTrigger = React.forwardRef<
       "hover:bg-secondaryA-3",
       "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-secondary-8 focus-visible:ring-offset-2 ",
       "disabled:pointer-events-none disabled:opacity-50",
-      "data-[state=active]:bg-secondary-9 data-[state=active]:text-secondary-12 data-[state=active]:shadow",
+      "data-[state=active]:bg-secondary-9 data-[state=active]:text-secondary-solid data-[state=active]:shadow",
       className
     )}
     {...props}