diff --git a/src/App.tsx b/src/App.tsx
index e3bc21a..f302746 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -20,7 +20,7 @@ import { ArrowDown } from "lucide-react";
 const HORIZ_SCROLL_SPEED_MULTIPLIER = 0.5;
 
 // when to play the hinge animation on the about page
-const ABOUT_PAGE_HINGE_ANIMATION_THRESHOLD = window.innerHeight * 0.5;
+const ABOUT_PAGE_HINGE_ANIMATION_THRESHOLD = window.innerHeight * 0.7;
 
 function App() {
   const containerRef = useRef<HTMLDivElement>(null);
diff --git a/src/components/about/AboutPage.tsx b/src/components/about/AboutPage.tsx
index 336e70d..27dc03c 100644
--- a/src/components/about/AboutPage.tsx
+++ b/src/components/about/AboutPage.tsx
@@ -69,17 +69,17 @@ export const AboutPage = (props: {addHingeAnimation: boolean}) => {
         <img
           src="/about/about_plant.svg"
           alt="plant"
-          className="absolute bottom-[3vh] left-16 w-[140px] "
+          className="absolute bottom-[2vh] left-1/10 w-[100px]"
         />
         <img
           src="/about/about_bear.webp"
           alt="bear"
-          className="hidden lg:block absolute bottom-[3.6vh] z-40 right-3/10 lg:w-[220px]"
+          className="hidden lg:block absolute bottom-[3vh] z-40 right-3/10 lg:w-[220px]"
         />
         <img
           src="/about/about_bear_mobile.webp"
           alt="bear"
-          className="lg:hidden absolute bottom-[3.6vh] z-40 right-3/10 w-[150px]"
+          className="lg:hidden absolute bottom-[3.6vh] z-40 right-1/10 w-[150px]"
         />
         <FloorShownOnSmall />
       </div>