From 4ab600f43ffa1aa426761eab5ad53a723799caf5 Mon Sep 17 00:00:00 2001
From: Himanshu Pathak <himanshu.pathak@rtcamp.com>
Date: Thu, 9 Apr 2026 11:33:12 +0530
Subject: [PATCH 1/4] Administration: Standardize theme install overlay button
 height in mobile viewport

---
 src/wp-admin/css/themes.css | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/wp-admin/css/themes.css b/src/wp-admin/css/themes.css
index bd116288723dc..9d734a198dd05 100644
--- a/src/wp-admin/css/themes.css
+++ b/src/wp-admin/css/themes.css
@@ -2052,9 +2052,10 @@ body.full-overlay-active {
 	}
 
 	.theme-install-overlay .wp-full-overlay-header .button {
-		font-size: 13px;
-		line-height: 2.15384615;
-		min-height: 30px;
+		font-size: 14px;
+		line-height: 2.71428571;
+		min-height: 40px;
+		padding: 0 14px;
 	}
 
 	.theme-browser .theme .theme-actions .button {

From 0b5c49dea9e29a654658121bb8575548d03e7d8c Mon Sep 17 00:00:00 2001
From: Himanshu Pathak <himanshu.pathak@rtcamp.com>
Date: Fri, 10 Apr 2026 10:58:29 +0530
Subject: [PATCH 2/4] Fix: Adjust theme install overlay button height and line
 spacing for mobile

---
 src/wp-admin/css/themes.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/wp-admin/css/themes.css b/src/wp-admin/css/themes.css
index 9d734a198dd05..789a627c0d073 100644
--- a/src/wp-admin/css/themes.css
+++ b/src/wp-admin/css/themes.css
@@ -2053,8 +2053,9 @@ body.full-overlay-active {
 
 	.theme-install-overlay .wp-full-overlay-header .button {
 		font-size: 14px;
-		line-height: 2.71428571;
-		min-height: 40px;
+		line-height: 2.14285714;
+		margin-top: 7px;
+		min-height: 32px;
 		padding: 0 14px;
 	}
 

From 531fa7ba0c7ba135465437780d38a4737368ded6 Mon Sep 17 00:00:00 2001
From: Himanshu Pathak <himanshu.pathak@rtcamp.com>
Date: Mon, 13 Apr 2026 16:31:09 +0530
Subject: [PATCH 3/4] Admin: Use button-compact for theme install overlay
 header buttons

---
 src/wp-admin/css/themes.css    |  8 ++------
 src/wp-admin/theme-install.php | 10 +++++-----
 2 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/src/wp-admin/css/themes.css b/src/wp-admin/css/themes.css
index 789a627c0d073..dbc0c0b2dce04 100644
--- a/src/wp-admin/css/themes.css
+++ b/src/wp-admin/css/themes.css
@@ -1967,7 +1967,7 @@ body.full-overlay-active {
 
 .theme-install-overlay .wp-full-overlay-header .button {
 	float: right;
-	margin: 3px 10px 0 0; /* Vertically center 40px button in 45px header */
+	margin: 7px 10px 0 0; /* Vertically center 40px button in 45px header */
 }
 
 .theme-install-overlay .wp-full-overlay-sidebar {
@@ -2052,11 +2052,7 @@ body.full-overlay-active {
 	}
 
 	.theme-install-overlay .wp-full-overlay-header .button {
-		font-size: 14px;
-		line-height: 2.14285714;
-		margin-top: 7px;
-		min-height: 32px;
-		padding: 0 14px;
+		font-size: 13px;
 	}
 
 	.theme-browser .theme .theme-actions .button {
diff --git a/src/wp-admin/theme-install.php b/src/wp-admin/theme-install.php
index e9d217c0f7525..861eb87050814 100644
--- a/src/wp-admin/theme-install.php
+++ b/src/wp-admin/theme-install.php
@@ -487,18 +487,18 @@
 					$aria_label = sprintf( _x( 'Activate %s', 'theme' ), '{{ data.name }}' );
 					?>
 					<# if ( ! data.active ) { #>
-						<a class="button button-primary activate" href="{{ data.activate_url }}" aria-label="<?php echo esc_attr( $aria_label ); ?>"><?php _e( 'Activate' ); ?></a>
+						<a class="button button-primary button-compact activate" href="{{ data.activate_url }}" aria-label="<?php echo esc_attr( $aria_label ); ?>"><?php _e( 'Activate' ); ?></a>
 					<# } else { #>
-						<button class="button button-primary disabled"><?php _ex( 'Activated', 'theme' ); ?></button>
+						<button class="button button-primary button-compact disabled"><?php _ex( 'Activated', 'theme' ); ?></button>
 					<# } #>
 				<# } else { #>
-					<a class="button button-primary disabled" ><?php _ex( 'Cannot Activate', 'theme' ); ?></a>
+					<a class="button button-primary button-compact disabled" ><?php _ex( 'Cannot Activate', 'theme' ); ?></a>
 				<# } #>
 			<# } else { #>
 				<# if ( data.compatible_wp && data.compatible_php ) { #>
-					<a href="{{ data.install_url }}" class="button button-primary theme-install" data-name="{{ data.name }}" data-slug="{{ data.id }}"><?php _e( 'Install' ); ?></a>
+					<a href="{{ data.install_url }}" class="button button-primary button-compact theme-install" data-name="{{ data.name }}" data-slug="{{ data.id }}"><?php _e( 'Install' ); ?></a>
 				<# } else { #>
-					<a class="button button-primary disabled" ><?php _ex( 'Cannot Install', 'theme' ); ?></a>
+					<a class="button button-primary button-compact disabled" ><?php _ex( 'Cannot Install', 'theme' ); ?></a>
 				<# } #>
 			<# } #>
 		</div>

From 69d430a56813aa8e68c36732a08bf54f18e637f1 Mon Sep 17 00:00:00 2001
From: Himanshu Pathak <himanshu.pathak@rtcamp.com>
Date: Wed, 15 Apr 2026 15:51:23 +0530
Subject: [PATCH 4/4] Fix button margin doc to vertically center in 32px

---
 src/wp-admin/css/themes.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/wp-admin/css/themes.css b/src/wp-admin/css/themes.css
index dbc0c0b2dce04..4a644974c50c4 100644
--- a/src/wp-admin/css/themes.css
+++ b/src/wp-admin/css/themes.css
@@ -1967,7 +1967,7 @@ body.full-overlay-active {
 
 .theme-install-overlay .wp-full-overlay-header .button {
 	float: right;
-	margin: 7px 10px 0 0; /* Vertically center 40px button in 45px header */
+	margin: 7px 10px 0 0; /* Vertically center 32px button in 45px header */
 }
 
 .theme-install-overlay .wp-full-overlay-sidebar {