diff --git a/packages/keychain/__image_snapshots__/components-connect-createsession--default-chromium.png b/packages/keychain/__image_snapshots__/components-connect-createsession--default-chromium.png
index 014011e97..30a664aa3 100644
Binary files a/packages/keychain/__image_snapshots__/components-connect-createsession--default-chromium.png and b/packages/keychain/__image_snapshots__/components-connect-createsession--default-chromium.png differ
diff --git a/packages/keychain/__image_snapshots__/components-connect-createsession--with-preset-chromium.png b/packages/keychain/__image_snapshots__/components-connect-createsession--with-preset-chromium.png
index 436f88175..bae014f2e 100644
Binary files a/packages/keychain/__image_snapshots__/components-connect-createsession--with-preset-chromium.png and b/packages/keychain/__image_snapshots__/components-connect-createsession--with-preset-chromium.png differ
diff --git a/packages/keychain/src/components/connect/CreateSession.tsx b/packages/keychain/src/components/connect/CreateSession.tsx
index a4ec3175c..74f7284b3 100644
--- a/packages/keychain/src/components/connect/CreateSession.tsx
+++ b/packages/keychain/src/components/connect/CreateSession.tsx
@@ -10,15 +10,7 @@ import { ParsedSessionPolicies } from "@/hooks/session";
 import { UnverifiedSessionSummary } from "@/components/session/UnverifiedSessionSummary";
 import { VerifiedSessionSummary } from "@/components/session/VerifiedSessionSummary";
 import { DEFAULT_SESSION_DURATION } from "@/const";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-  Button,
-  Checkbox,
-} from "@cartridge/ui-next";
+import { Button, Checkbox } from "@cartridge/ui-next";
 
 export function CreateSession({
   policies,
@@ -33,10 +25,6 @@ export function CreateSession({
   const [isConnecting, setIsConnecting] = useState(false);
   const [isConsent, setIsConsent] = useState(false);
   const [duration, setDuration] = useState<bigint>(DEFAULT_SESSION_DURATION);
-  const expiresAt = useMemo(
-    () => duration + BigInt(Math.floor(Date.now() / 1000)),
-    [duration],
-  );
   const [maxFee] = useState<BigNumberish>();
   const [error, setError] = useState<ControllerError | Error>();
 
@@ -76,26 +64,26 @@ export function CreateSession({
         });
       }
 
-      await controller.createSession(expiresAt, policies, maxFee);
+      await controller.createSession(duration, policies, maxFee);
       onConnect();
     } catch (e) {
       setError(e as unknown as Error);
       setIsConnecting(false);
     }
-  }, [controller, expiresAt, policies, maxFee, onConnect]);
+  }, [controller, duration, policies, maxFee, onConnect]);
 
   const onSkipSession = useCallback(async () => {
     if (!controller || !policies) return;
     try {
       setError(undefined);
       setIsConnecting(true);
-      await controller.createSession(expiresAt, policies, maxFee);
+      await controller.createSession(duration, policies, maxFee);
       onConnect();
     } catch (e) {
       setError(e as unknown as Error);
       setIsConnecting(false);
     }
-  }, [controller, expiresAt, policies, maxFee, onConnect]);
+  }, [controller, duration, policies, maxFee, onConnect]);
 
   if (!upgrade.isSynced) {
     return <></>;
@@ -126,38 +114,19 @@ export function CreateSession({
             game={theme.name}
             contracts={policies.contracts}
             messages={chainSpecificMessages}
+            duration={duration}
+            onDurationChange={setDuration}
           />
         ) : (
           <UnverifiedSessionSummary
             contracts={policies.contracts}
             messages={chainSpecificMessages}
+            duration={duration}
+            onDurationChange={setDuration}
           />
         )}
       </Content>
       <Footer>
-        <div className="flex items-center text-sm text-muted-foreground py-4 gap-2">
-          <div className="font-medium">Expires in </div>
-          <Select
-            value={duration.toString()}
-            onValueChange={(val) => setDuration(BigInt(val))}
-          >
-            <SelectTrigger className="w-28">
-              <SelectValue
-                defaultValue={(60 * 60 * 24).toString()}
-                placeholder="1 HR"
-              />
-            </SelectTrigger>
-
-            <SelectContent>
-              <SelectItem value={(60 * 60).toString()}>1 HR</SelectItem>
-              <SelectItem value={(60 * 60 * 24).toString()}>24 HRS</SelectItem>
-              <SelectItem value={(60 * 60 * 24 * 7).toString()}>
-                1 WEEK
-              </SelectItem>
-            </SelectContent>
-          </Select>
-        </div>
-
         {!policies?.verified && (
           <div
             className="flex items-center p-3 mb-3 gap-5 border border-solid-primary rounded-md cursor-pointer border-error-icon text-error-icon"
diff --git a/packages/keychain/src/components/connect/RegisterSession.tsx b/packages/keychain/src/components/connect/RegisterSession.tsx
index ccb57026e..6610c13a2 100644
--- a/packages/keychain/src/components/connect/RegisterSession.tsx
+++ b/packages/keychain/src/components/connect/RegisterSession.tsx
@@ -7,7 +7,7 @@ import {
   TransactionExecutionStatus,
   TransactionFinalityStatus,
 } from "starknet";
-import { SESSION_EXPIRATION } from "@/const";
+import { DEFAULT_SESSION_DURATION } from "@/const";
 import { UnverifiedSessionSummary } from "@/components/session/UnverifiedSessionSummary";
 import { VerifiedSessionSummary } from "@/components/session/VerifiedSessionSummary";
 import { ParsedSessionPolicies } from "@/hooks/session";
@@ -22,7 +22,7 @@ export function RegisterSession({
   publicKey?: string;
 }) {
   const { controller, theme } = useConnection();
-  const [expiresAt] = useState<bigint>(SESSION_EXPIRATION);
+  const [duration, setDuration] = useState<bigint>(DEFAULT_SESSION_DURATION);
   const [transactions, setTransactions] = useState<
     | {
         contractAddress: string;
@@ -37,7 +37,7 @@ export function RegisterSession({
       setTransactions(undefined);
     } else {
       controller
-        .registerSessionCalldata(expiresAt, policies, publicKey)
+        .registerSessionCalldata(duration, policies, publicKey)
         .then((calldata) => {
           setTransactions([
             {
@@ -48,7 +48,7 @@ export function RegisterSession({
           ]);
         });
     }
-  }, [controller, expiresAt, policies, publicKey]);
+  }, [controller, duration, policies, publicKey]);
 
   const onRegisterSession = useCallback(
     async (maxFee?: bigint) => {
@@ -75,7 +75,7 @@ export function RegisterSession({
       }
 
       const { transaction_hash } = await controller.registerSession(
-        expiresAt,
+        duration,
         policies,
         publicKey,
         maxFee,
@@ -91,7 +91,7 @@ export function RegisterSession({
 
       onConnect(transaction_hash);
     },
-    [controller, expiresAt, policies, publicKey, onConnect],
+    [controller, duration, policies, publicKey, onConnect],
   );
 
   return (
@@ -108,11 +108,15 @@ export function RegisterSession({
             game={theme.name}
             contracts={policies.contracts}
             messages={policies.messages}
+            duration={duration}
+            onDurationChange={setDuration}
           />
         ) : (
           <UnverifiedSessionSummary
             contracts={policies.contracts}
             messages={policies.messages}
+            duration={duration}
+            onDurationChange={setDuration}
           />
         )}
       </Content>
diff --git a/packages/keychain/src/components/session/ExpirationCard.tsx b/packages/keychain/src/components/session/ExpirationCard.tsx
new file mode 100644
index 000000000..900063071
--- /dev/null
+++ b/packages/keychain/src/components/session/ExpirationCard.tsx
@@ -0,0 +1,66 @@
+import { ClockIcon } from "@cartridge/ui-next";
+import { AccordionCard } from "./AccordionCard";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@cartridge/ui-next";
+
+interface ExpirationCardProps {
+  duration: bigint;
+  onDurationChange: (duration: bigint) => void;
+  isExpanded?: boolean;
+}
+
+export function ExpirationCard({
+  duration,
+  onDurationChange,
+  isExpanded,
+}: ExpirationCardProps) {
+  return (
+    <AccordionCard
+      icon={<ClockIcon variant="solid" />}
+      title="Session Expiration"
+      trigger={
+        <div className="text-xs text-muted-foreground">
+          Expires in&nbsp;
+          <span className="text-accent-foreground font-bold">
+            {formatDuration(duration)}
+          </span>
+        </div>
+      }
+      isExpanded={isExpanded}
+    >
+      <div className="flex flex-col gap-4 p-3 text-xs">
+        <div className="flex items-center justify-between">
+          <div className="text-muted-foreground">Duration</div>
+          <Select
+            value={duration.toString()}
+            onValueChange={(val) => onDurationChange(BigInt(val))}
+          >
+            <SelectTrigger className="w-28">
+              <SelectValue placeholder="1 HR" />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value={(60 * 60).toString()}>1 HR</SelectItem>
+              <SelectItem value={(60 * 60 * 24).toString()}>24 HRS</SelectItem>
+              <SelectItem value={(60 * 60 * 24 * 7).toString()}>
+                1 WEEK
+              </SelectItem>
+            </SelectContent>
+          </Select>
+        </div>
+      </div>
+    </AccordionCard>
+  );
+}
+
+function formatDuration(seconds: bigint): string {
+  const hours = Number(seconds) / 3600;
+  if (hours === 1) return "1 hour";
+  if (hours === 24) return "24 hours";
+  if (hours === 168) return "1 week";
+  return `${hours} hours`;
+}
diff --git a/packages/keychain/src/components/session/UnverifiedSessionSummary.tsx b/packages/keychain/src/components/session/UnverifiedSessionSummary.tsx
index 3253d399b..e4b8cc86f 100644
--- a/packages/keychain/src/components/session/UnverifiedSessionSummary.tsx
+++ b/packages/keychain/src/components/session/UnverifiedSessionSummary.tsx
@@ -3,13 +3,18 @@ import { SessionContracts, SessionMessages } from "@/hooks/session";
 
 import { MessageCard } from "./MessageCard";
 import { ContractCard } from "./ContractCard";
+import { ExpirationCard } from "./ExpirationCard";
 
 export function UnverifiedSessionSummary({
   contracts,
   messages,
+  duration,
+  onDurationChange,
 }: {
   contracts?: SessionContracts;
   messages?: SessionMessages;
+  duration: bigint;
+  onDurationChange: (duration: bigint) => void;
 }) {
   return (
     <div className="flex flex-col gap-4">
@@ -33,6 +38,8 @@ export function UnverifiedSessionSummary({
       {messages && messages.length > 0 && (
         <MessageCard messages={messages} isExpanded />
       )}
+
+      <ExpirationCard duration={duration} onDurationChange={onDurationChange} />
     </div>
   );
 }
diff --git a/packages/keychain/src/components/session/VerifiedSessionSummary.tsx b/packages/keychain/src/components/session/VerifiedSessionSummary.tsx
index d1c74c369..29442d51d 100644
--- a/packages/keychain/src/components/session/VerifiedSessionSummary.tsx
+++ b/packages/keychain/src/components/session/VerifiedSessionSummary.tsx
@@ -2,15 +2,20 @@ import { SessionContracts, SessionMessages } from "@/hooks/session";
 import { AggregateCard } from "./AggregateCard";
 import { CodeIcon } from "@cartridge/ui-next";
 import { ContractCard } from "./ContractCard";
+import { ExpirationCard } from "./ExpirationCard";
 
 export function VerifiedSessionSummary({
   game,
   contracts,
   messages,
+  duration,
+  onDurationChange,
 }: {
   game: string;
   contracts?: SessionContracts;
   messages?: SessionMessages;
+  duration: bigint;
+  onDurationChange: (duration: bigint) => void;
 }) {
   // Extract token and VRF contracts
   const individual = Object.entries(contracts ?? {}).filter(([, contract]) => {
@@ -45,6 +50,8 @@ export function VerifiedSessionSummary({
           methods={contract.methods}
         />
       ))}
+
+      <ExpirationCard duration={duration} onDurationChange={onDurationChange} />
     </div>
   );
 }
diff --git a/packages/keychain/src/components/transaction/ConfirmTransaction.tsx b/packages/keychain/src/components/transaction/ConfirmTransaction.tsx
index 2a2009707..ded532604 100644
--- a/packages/keychain/src/components/transaction/ConfirmTransaction.tsx
+++ b/packages/keychain/src/components/transaction/ConfirmTransaction.tsx
@@ -32,7 +32,7 @@ export function ConfirmTransaction() {
   return (
     <ExecutionContainer
       Icon={TransactionDuoIcon}
-      title="Review Transaction"
+      title={`Review Transaction${transactions.length > 1 ? "s" : ""}`}
       description={origin}
       executionError={ctx.error}
       transactions={ctx.transactions}
diff --git a/packages/keychain/src/utils/controller.ts b/packages/keychain/src/utils/controller.ts
index f05af774e..af2ed03e4 100644
--- a/packages/keychain/src/utils/controller.ts
+++ b/packages/keychain/src/utils/controller.ts
@@ -101,7 +101,7 @@ export default class Controller extends Account {
   }
 
   async createSession(
-    expiresAt: bigint,
+    duration: bigint,
     policies: ParsedSessionPolicies,
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     _maxFee?: BigNumberish,
@@ -110,6 +110,7 @@ export default class Controller extends Account {
       throw new Error("Account not found");
     }
 
+    const expiresAt = duration + BigInt(Math.floor(Date.now() / 1000));
     await this.cartridge.createSession(toWasmPolicies(policies), expiresAt);
   }
 
@@ -126,7 +127,7 @@ export default class Controller extends Account {
   }
 
   async registerSession(
-    expiresAt: bigint,
+    duration: bigint,
     policies: ParsedSessionPolicies,
     publicKey: string,
     maxFee: BigNumberish,
@@ -135,6 +136,8 @@ export default class Controller extends Account {
       throw new Error("Account not found");
     }
 
+    const expiresAt = duration + BigInt(Math.floor(Date.now() / 1000));
+
     return await this.cartridge.registerSession(
       toWasmPolicies(policies),
       expiresAt,
diff --git a/packages/ui-next/src/components/icons/state/clock.tsx b/packages/ui-next/src/components/icons/state/clock.tsx
index aa0081ee7..b52ea0f19 100644
--- a/packages/ui-next/src/components/icons/state/clock.tsx
+++ b/packages/ui-next/src/components/icons/state/clock.tsx
@@ -6,7 +6,7 @@ export const ClockIcon = memo(
   forwardRef<SVGSVGElement, StateIconProps>(
     ({ className, size, variant, ...props }, forwardedRef) => (
       <svg
-        viewBox="0 0 24 24"
+        viewBox="0 0 20 20"
         className={iconVariants({ size, className })}
         ref={forwardedRef}
         {...props}