From 3607a1dbd8a32e259523a3e22265920b1885de4f Mon Sep 17 00:00:00 2001
From: Rebeka Dekany <50901361+rebekadekany@users.noreply.github.com>
Date: Wed, 4 Feb 2026 12:33:20 +0100
Subject: [PATCH] Align the Project page with website redesign (#31255)

* Move project page to website-redesign layout

* Add background hover for the welcome message cards

GitOrigin-RevId: fd02e04e8dc764fdb1c00b6182210efa63352725
---
 services/web/app/views/project/list-react.pug                   | 1 +
 .../welcome-message-create-new-project-dropdown.tsx             | 2 +-
 services/web/frontend/stylesheets/pages/project-list.scss       | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/services/web/app/views/project/list-react.pug b/services/web/app/views/project/list-react.pug
index 2f4311116a..148420a33c 100644
--- a/services/web/app/views/project/list-react.pug
+++ b/services/web/app/views/project/list-react.pug
@@ -8,6 +8,7 @@ block vars
 	- const suppressNavbar = true
 	- const suppressFooter = true
 	- const suppressPugCookieBanner = true
+	- isWebsiteRedesign = true
 
 block append meta
 	meta(
diff --git a/services/web/frontend/js/features/project-list/components/welcome-message-new/welcome-message-create-new-project-dropdown.tsx b/services/web/frontend/js/features/project-list/components/welcome-message-new/welcome-message-create-new-project-dropdown.tsx
index 0dafcb9795..2fb4a86306 100644
--- a/services/web/frontend/js/features/project-list/components/welcome-message-new/welcome-message-create-new-project-dropdown.tsx
+++ b/services/web/frontend/js/features/project-list/components/welcome-message-new/welcome-message-create-new-project-dropdown.tsx
@@ -95,7 +95,7 @@ function WelcomeMessageCreateNewProjectDropdown({
   )
 
   return (
-    <Dropdown>
+    <Dropdown className="welcome-message-card-item">
       <DropdownToggle
         as={CustomDropdownToggle}
         id="create-new-project-dropdown-toggle-btn"
diff --git a/services/web/frontend/stylesheets/pages/project-list.scss b/services/web/frontend/stylesheets/pages/project-list.scss
index 501232e2a5..60f8d268c1 100644
--- a/services/web/frontend/stylesheets/pages/project-list.scss
+++ b/services/web/frontend/stylesheets/pages/project-list.scss
@@ -85,7 +85,7 @@
       }
 
       &:hover {
-        background-color: var(--bg-light-secondary);
+        background-color: var(--bg-light-primary);
       }
 
       .welcome-message-card-img {