diff --git a/.yarn/cache/@lmdb-lmdb-darwin-arm64-npm-2.5.2-ba0aa88b93-8.zip b/.yarn/cache/@lmdb-lmdb-darwin-arm64-npm-2.5.2-ba0aa88b93-8.zip
new file mode 100644
index 0000000..1d582f1
Binary files /dev/null and b/.yarn/cache/@lmdb-lmdb-darwin-arm64-npm-2.5.2-ba0aa88b93-8.zip differ
diff --git a/.yarn/cache/@lmdb-lmdb-darwin-arm64-npm-2.5.3-68d0bab047-8.zip b/.yarn/cache/@lmdb-lmdb-darwin-arm64-npm-2.5.3-68d0bab047-8.zip
new file mode 100644
index 0000000..b27b160
Binary files /dev/null and b/.yarn/cache/@lmdb-lmdb-darwin-arm64-npm-2.5.3-68d0bab047-8.zip differ
diff --git a/.yarn/cache/@msgpackr-extract-msgpackr-extract-darwin-arm64-npm-2.2.0-696c18f8dc-8.zip b/.yarn/cache/@msgpackr-extract-msgpackr-extract-darwin-arm64-npm-2.2.0-696c18f8dc-8.zip
new file mode 100644
index 0000000..f203365
Binary files /dev/null and b/.yarn/cache/@msgpackr-extract-msgpackr-extract-darwin-arm64-npm-2.2.0-696c18f8dc-8.zip differ
diff --git a/src/components/KeywordsPicker.tsx b/src/components/KeywordsPicker.tsx
index a6243d2..421a5be 100644
--- a/src/components/KeywordsPicker.tsx
+++ b/src/components/KeywordsPicker.tsx
@@ -25,7 +25,7 @@ const KeywordsPicker = ({ keywords, value, onChange }: KeywordsPickerProps) => {
 
                    border border-[var(--spectrum-fieldbutton-border-color,var(--spectrum-alias-border-color))]`,
                   selected
-                    ? "bg-blue-500 hover:bg-blue-300"
+                    ? "bg-green-500 hover:bg-green-300"
                     : `bg-[var(--spectrum-fieldbutton-background-color,var(--spectrum-global-color-gray-75))]
                     hover:bg-[var(--spectrum-fieldbutton-background-color-down,var(--spectrum-global-color-gray-200))]`
                 )}
diff --git a/src/components/Nav.tsx b/src/components/Nav.tsx
index a518a7a..2d14380 100644
--- a/src/components/Nav.tsx
+++ b/src/components/Nav.tsx
@@ -81,7 +81,7 @@ const Nav = ({ internalLinks, className }: NavProps) => {
   return (
     <nav
       className={classnames(
-        "mt-0 flex flex-col-reverse md:flex-row items-center w-full font-sans px-6",
+        "my-4 flex flex-col-reverse md:flex-row items-center w-full font-sans px-8",
         className
       )}
       style={{ zIndex: 100 }}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 62defb3..b235faa 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -57,7 +57,7 @@ const IndexPage = ({
   }, [browserIsLandscape]);
 
   // const vibrant = getVibrant(image);
-  const ar = getAspectRatio(image);
+  // const ar = getAspectRatio(image);
 
   // const screenHeight = use100vh();
 
@@ -92,10 +92,10 @@ const IndexPage = ({
         />
         <GatsbyImage
           alt=""
-          className="flex-auto m-6 mt-0"
+          className="flex-auto m-8 mt-0"
           image={img!}
           loading="eager"
-          objectFit="contain"
+          objectFit={browserIsLandscape ? "cover" : "contain"}
         />
       </main>
     </>