correct demo layout

Author: hlgrondijs

src/app/wallet/layout.tsx

@@ -8,7 +8,7 @@ export default function WalletLayout({
   children: React.ReactNode;
 }) {
   return appConfig.demo ? (
-    <div className="w-full flex-1">{children}</div>
+    <>{children}</>
   ) : (
     <main className="flex-1 flex flex-col justify-center items-center bg-dalle bg-no-repeat bg-fixed bg-cover">
       {children}

src/containers/connect_wallet/ConnectWalletForm.tsx

@@ -11,7 +11,7 @@ export default function ConnectWalletForm() {
   const { submitForm, connectionError } = useConnectWalletContext();
 
   return (
-    <div className="w-full md:max-w-[780px] p-6 flex flex-col gap-9 bg-darker md:bg-darker md:border border-tertiary md:rounded">
+    <div className="flex-1 lg:my-8 w-full md:max-w-[780px] p-6 flex flex-col gap-9 bg-darker md:bg-darker md:border border-tertiary md:rounded">
       <SelectWallet />
       <ContactDetails />
       <AcceptTnC />

src/containers/sink/SinkingForm.tsx

@@ -15,6 +15,7 @@ import DashboardTitle from "../../components/dashboard/DashboardTitle";
 import FormError from "../../components/FormError";
 import { CheckoutSteps, useSinkingContext } from "@/context/SinkingContext";
 import { useSearchParams } from "next/navigation";
+import appConfig from "@/config";
 
 export default function SinkingForm() {
   const { setSinkRequest, setStep } = useSinkingContext();
@@ -61,7 +62,11 @@ export default function SinkingForm() {
 
   return (
     <div className="flex flex-col mt-8 md:mt-12">
-      {/* <DashboardTitle>Sink CARBON</DashboardTitle> */}
+      {appConfig.demo && (
+        <div className="self-center text-2xl md:text-2xl font-semibold mb-6">
+          Sink CARBON
+        </div>
+      )}
       <form className="flex flex-col gap-12 md:gap-20 mt-0">
         <div className="mx-4 md:mx-8 flex flex-col gap-12 min-w-[80%]">
           <Suspense>