Index: binaries/data/mods/public/gui/session/selection_details.js
===================================================================
--- binaries/data/mods/public/gui/session/selection_details.js
+++ binaries/data/mods/public/gui/session/selection_details.js
@@ -301,7 +301,16 @@
 	Engine.GetGUIObjectByName("playerColorBackground").sprite =
 		"color:" + g_DiplomacyColors.getPlayerColor(entState.player, 128);
 
-	Engine.GetGUIObjectByName("primary").caption = primaryName;
+	const primaryObject = Engine.GetGUIObjectByName("primary");
+	primaryObject.caption = primaryName;
+	const primaryObjectSize = primaryObject.size;
+	primaryObjectSize.rbottom = secondaryName ? 50 : 100;
+	if (secondaryName == primaryName)
+	{
+	primaryObjectSize.rbottom = 100;
+	}
+	primaryObject.size = primaryObjectSize;
+
 	Engine.GetGUIObjectByName("secondary").caption = !secondaryName || primaryName == secondaryName ? "" :
 		sprintf(translate("(%(secondaryName)s)"), {
 			"secondaryName": secondaryName
Index: binaries/data/mods/public/gui/session/selection_panels_middle/single_details_area.xml
===================================================================
--- binaries/data/mods/public/gui/session/selection_panels_middle/single_details_area.xml
+++ 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 5 100% 36">
+			<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>