From b262ce131e32c01552121a8a0b4f6accc6fe7b54 Mon Sep 17 00:00:00 2001
From: Bruno Bergher <bruno@roocode.com>
Date: Fri, 7 Nov 2025 17:22:54 +0000
Subject: [PATCH] Prevents stress on Roo's hip bones

---
 webview-ui/src/components/welcome/RooHero.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/webview-ui/src/components/welcome/RooHero.tsx b/webview-ui/src/components/welcome/RooHero.tsx
index 3f31403d877..87829f8b1cb 100644
--- a/webview-ui/src/components/welcome/RooHero.tsx
+++ b/webview-ui/src/components/welcome/RooHero.tsx
@@ -7,7 +7,7 @@ const RooHero = () => {
 	})
 
 	return (
-		<div className="pb-4 forced-color-adjust-none">
+		<div className="pb-4 forced-color-adjust-none group">
 			<div
 				style={{
 					backgroundColor: "var(--vscode-foreground)",
@@ -18,7 +18,7 @@ const RooHero = () => {
 					maskRepeat: "no-repeat",
 					maskSize: "contain",
 				}}
-				className="mx-auto hover:animate-bounce">
+				className="mx-auto group-hover:animate-bounce translate-y-0 transition-transform duration-500">
 				<img src={imagesBaseUri + "/roo-logo.svg"} alt="Roo logo" className="h-8 opacity-0" />
 			</div>
 		</div>