From 20f35557747a3c1383235955aa4362b2f855372c Mon Sep 17 00:00:00 2001
From: timwessman <tim.wessman@gofore.com>
Date: Wed, 20 Nov 2024 15:20:03 +0200
Subject: [PATCH] fix: docs home page style fix

---
 site/src/components/LinkboxList.scss | 2 +-
 site/src/components/layout.js        | 1 +
 site/src/components/layout.scss      | 2 +-
 site/src/docs/index.mdx              | 2 +-
 4 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/site/src/components/LinkboxList.scss b/site/src/components/LinkboxList.scss
index 656f337e36..fd8a19c621 100644
--- a/site/src/components/LinkboxList.scss
+++ b/site/src/components/LinkboxList.scss
@@ -4,7 +4,7 @@
   column-gap: var(--spacing-layout-xs);
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(216px, 1fr));
-  margin-top: var(--spacing-layout-m);
+  margin-top: var(--spacing-layout-m) !important;
   row-gap: var(--spacing-layout-xs);
   width: 100%;
 }
diff --git a/site/src/components/layout.js b/site/src/components/layout.js
index 854c39264d..53c5c2bc42 100644
--- a/site/src/components/layout.js
+++ b/site/src/components/layout.js
@@ -287,6 +287,7 @@ const Layout = ({ location, children, pageContext }) => {
               {versions.map((itemVersion, index) => (
                 <Header.ActionBarSubItem
                   label={`Version ${itemVersion}`}
+                  key={`Version ${itemVersion}`}
                   selected={itemVersion === versionNumber}
                   href={index > 0
                     ? hrefWithVersion(locationWithoutVersion, `release-${itemVersion}`)
diff --git a/site/src/components/layout.scss b/site/src/components/layout.scss
index 1fcc7f2474..4b3dfe5a4e 100644
--- a/site/src/components/layout.scss
+++ b/site/src/components/layout.scss
@@ -131,7 +131,7 @@ body {
 
 .front-page-link-list {
   box-sizing: border-box;
-  margin: 0 0 var(--spacing-layout-xl);
+  margin: var(--spacing-layout-m) 0 var(--spacing-layout-xl) 0;
   padding: 0 2px;
 
   @include x-large-and-above-screen {
diff --git a/site/src/docs/index.mdx b/site/src/docs/index.mdx
index 6e0fa38995..c2abb42cfd 100644
--- a/site/src/docs/index.mdx
+++ b/site/src/docs/index.mdx
@@ -40,7 +40,7 @@ import FrontPageLinksList from '../components/FrontPageLinkList';
   >Getting started</Button>
 </Hero>
 
-<Container style={{ margin: '0 auto var(--spacing-layout-l)' }}>
+<Container style={{ margin: 'var(--spacing-layout-m) auto var(--spacing-layout-l) auto' }}>
   <FrontPageLinksList />
   <Image
     size="M"