diff --git a/src/wp-admin/css/list-tables.css b/src/wp-admin/css/list-tables.css
index 4eaa682127cc0..b7d86d638d1aa 100644
--- a/src/wp-admin/css/list-tables.css
+++ b/src/wp-admin/css/list-tables.css
@@ -1512,6 +1512,7 @@ ul.cat-checklist input[name="post_category[]"]:indeterminate::before {
 	border-radius: 8px;
 	box-sizing: border-box;
 	overflow: hidden;
+	container-type: inline-size; /* ticket #64686 */
 }
 
 @media screen and (min-width: 1600px) {
@@ -1527,9 +1528,11 @@ ul.cat-checklist input[name="post_category[]"]:indeterminate::before {
 }
 
 .plugin-card-top {
-	position: relative;
+	display: flex;
+	flex-wrap: wrap;
+	align-items: flex-start;
+	gap: 16px 20px;
 	padding: 16px;
-	min-height: 135px;
 }
 
 div.action-links,
@@ -1538,28 +1541,43 @@ div.action-links,
 }
 
 .plugin-card h3 {
-	margin: 0 12px 16px 0;
+	margin: 0 0 16px;
 	font-size: 18px;
 	line-height: 1.3;
 }
 
+/* ticket #64686 */
+.plugin-card .name h3 a {
+	display: flex;
+	flex-wrap: nowrap;
+	align-items: flex-start;
+	gap: 20px;
+	min-width: 0;
+}
+
 .plugin-card .desc {
 	margin-inline: 0;
+	flex: 1 1 100%;
 }
 
-.plugin-card .name, .plugin-card .desc > p {
-	margin-left: 148px;
+/* ticket #64686 */
+.plugin-card .name {
+	flex: 1 1 100%;
+	min-width: 0;
 }
 
-@media (min-width: 1101px) {
-	.plugin-card .name, .plugin-card .desc > p {
-		margin-right: 128px;
-	}
+.plugin-card .action-links {
+	flex: 1 1 100%;
 }
 
-@media (min-width: 481px) and (max-width: 781px) {
-	.plugin-card .name, .plugin-card .desc > p {
-		margin-right: 128px;
+@container (min-width: 600px) {
+	.plugin-card .name {
+		flex: 1 1 0;
+	}
+
+	.plugin-card .action-links {
+		flex: 0 0 auto;
+		margin-left: auto;
 	}
 }
 
@@ -1623,22 +1641,34 @@ div.action-links,
 	margin-top: 1em;
 }
 
-.plugin-card .action-links {
-	position: absolute;
-	top: 20px;
-	right: 20px;
-	width: 120px;
-}
-
 .plugin-action-buttons {
-	clear: right;
-	float: right;
-	margin-bottom: 1em;
-	text-align: right;
+	margin: 1em 0 0;
+	text-align: left;
 }
 
 .plugin-action-buttons li {
-	margin-bottom: 10px;
+	display: inline-block;
+	vertical-align: middle;
+}
+
+.plugin-action-buttons li .button {
+	margin-right: 20px;
+}
+
+@container (min-width: 600px) {
+	.plugin-action-buttons {
+		margin: 0 0 1em;
+		text-align: right;
+	}
+
+	.plugin-action-buttons li {
+		display: block;
+		margin-bottom: 10px;
+	}
+
+	.plugin-action-buttons li .button {
+		margin-right: 0;
+	}
 }
 
 .plugin-card-bottom {
@@ -1723,12 +1753,11 @@ div.action-links,
 }
 
 .plugin-card .plugin-icon {
-	position: absolute;
-	top: 20px;
-	left: 20px;
 	width: 128px;
 	height: 128px;
-	margin: 0 20px 20px 0;
+	flex-shrink: 0;
+	margin: 0;
+	order: -1; /* ticket #64686 */
 }
 
 .no-plugin-results {
@@ -1769,36 +1798,6 @@ div.action-links,
 -------------------------------------------------------------- */
 
 @media screen and (max-width: 1100px) and (min-width: 782px), (max-width: 480px) {
-	.plugin-card .action-links {
-		position: static;
-		margin-left: 148px;
-		width: auto;
-	}
-
-	.plugin-action-buttons {
-		float: none;
-		margin: 1em 0 0;
-		text-align: left;
-	}
-
-	.plugin-action-buttons li {
-		display: inline-block;
-		vertical-align: middle;
-	}
-
-	.plugin-action-buttons li .button {
-		margin-right: 20px;
-	}
-
-	.plugin-card h3 {
-		margin-right: 24px;
-	}
-
-	.plugin-card .name,
-	.plugin-card .desc {
-		margin-right: 0;
-	}
-
 	.plugin-card .desc p:first-of-type {
 		margin-top: 0;
 	}