From 33c1159e3902d607462da9feb4e4638c2f00df44 Mon Sep 17 00:00:00 2001
From: MaximSokolov18 <77464028+MaximSokolov18@users.noreply.github.com>
Date: Wed, 28 Oct 2026 15:58:52 +0100
Subject: [PATCH 1/2] fix(landing): size snapshot panel to its content


From 3ac48398b439419e67e82a4d3e40348d72bb43fb Mon Sep 17 00:00:00 2001
From: MaximSokolov18 <77464028+MaximSokolov18@users.noreply.github.com>
Date: Wed, 28 Oct 2026 16:10:35 +0100
Subject: [PATCH 2/2] fix(landing): size snapshot panel to its content

---
 src/components/landing/VirtualLanding.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/landing/VirtualLanding.tsx b/src/components/landing/VirtualLanding.tsx
index 62111595e..7f8bddfb1 100644
--- a/src/components/landing/VirtualLanding.tsx
+++ b/src/components/landing/VirtualLanding.tsx
@@ -389,8 +389,8 @@ function SnapshotPanel() {
   const [restored, setRestored] = React.useState(false)
 
   return (
-    <LandingWindow label="navigation snapshot">
-      <div className="flex h-full flex-col p-5 sm:p-6">
+    <LandingWindow className="lg:self-start" label="navigation snapshot">
+      <div className="flex flex-col p-5 sm:p-6">
         <LandingEyebrow icon={<FloppyDiskIcon aria-hidden="true" size={14} />}>
           leave → return
         </LandingEyebrow>
@@ -426,7 +426,7 @@ function SnapshotPanel() {
           index.
         </p>
         <button
-          className="mt-auto flex items-center justify-center gap-2 rounded-md bg-[var(--landing-accent)] px-3 py-2.5 text-ds-label-sm text-[var(--landing-accent-ink)]"
+          className="mt-3 flex items-center justify-center gap-2 rounded-md bg-[var(--landing-accent)] px-3 py-2.5 text-ds-label-sm text-[var(--landing-accent-ink)]"
           onClick={() => setRestored((value) => !value)}
           type="button"
         >