Index: ps/trunk/binaries/data/mods/public/gui/session/selection_details.js
===================================================================
--- ps/trunk/binaries/data/mods/public/gui/session/selection_details.js
+++ ps/trunk/binaries/data/mods/public/gui/session/selection_details.js
@@ -301,11 +301,20 @@
 	Engine.GetGUIObjectByName("playerColorBackground").sprite =
 		"color:" + g_DiplomacyColors.getPlayerColor(entState.player, 128);
 
-	Engine.GetGUIObjectByName("primary").caption = primaryName;
-	Engine.GetGUIObjectByName("secondary").caption = !secondaryName || primaryName == secondaryName ? "" :
+	const hideSecondary = !secondaryName || primaryName == secondaryName;
+
+	const primaryObject = Engine.GetGUIObjectByName("primary");
+	primaryObject.caption = primaryName;
+	const primaryObjectSize = primaryObject.size;
+	primaryObjectSize.rbottom = hideSecondary ? 100 : 50;
+	primaryObject.size = primaryObjectSize;
+
+	const secondaryObject = Engine.GetGUIObjectByName("secondary");
+	secondaryObject.caption = hideSecondary ? "" :
 		sprintf(translate("(%(secondaryName)s)"), {
 			"secondaryName": secondaryName
 		});
+	secondaryObject.hidden = hideSecondary;
 
 	let isGaia = playerState.civ == "gaia";
 	Engine.GetGUIObjectByName("playerCivIcon").sprite = isGaia ? "" : "cropped:1.0, 0.15625 center:grayscale:" + civEmblem;
Index: ps/trunk/binaries/data/mods/public/gui/session/selection_panels_middle/single_details_area.xml
===================================================================
--- ps/trunk/binaries/data/mods/public/gui/session/selection_panels_middle/single_details_area.xml
+++ ps/trunk/binaries/data/mods/public/gui/session/selection_panels_middle/single_details_area.xml
@@ -18,9 +18,9 @@
 		</object>
 
 		<!-- Primary and secondary names. -->
-		<object>
-			<object size="0 2 100% 22" name="primary" ghost="true" type="text" style="PrimaryNameCentered"/>
-			<object size="0 17 100% 37" name="secondary" ghost="true" type="text" style="SecondaryNameCentered"/>
+		<object size="0 3 100% 37">
+			<object size="0 0 100% 50%" name="primary" ghost="true" type="text" style="PrimaryNameCentered"/>
+			<object size="0 50%-1 100% 100%" name="secondary" ghost="true" type="text" style="SecondaryNameCentered"/>
 		</object>
 	</object>