Index: lams_central/web/css/authoring-svg.css
===================================================================
diff -u -rbd1d96662a6c18c9c55bed0873563d086420668e -r2004cd28f4e47531a37d161b113806665a3aa345
--- lams_central/web/css/authoring-svg.css	(.../authoring-svg.css)	(revision bd1d96662a6c18c9c55bed0873563d086420668e)
+++ lams_central/web/css/authoring-svg.css	(.../authoring-svg.css)	(revision 2004cd28f4e47531a37d161b113806665a3aa345)
@@ -54,8 +54,14 @@
 	font-family : sans-serif;
 }
 
-.svg-tool-activity-title-label.svg-tool-activity-title-label-middle {
-	text-anchor : middle;
+.svg-tool-activity-title-box {
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	word-wrap: break-word;
+	padding-right: 2px;
+	text-align: center;
 }
 
 .svg-tool-activity-title-label.svg-tool-activity-title-label-small {
Index: lams_central/web/includes/javascript/authoring/authoringActivity.js
===================================================================
diff -u -rb0f329cc8232c804dc0db5d0898bb1ff9419ddc6 -r2004cd28f4e47531a37d161b113806665a3aa345
--- lams_central/web/includes/javascript/authoring/authoringActivity.js	(.../authoringActivity.js)	(revision b0f329cc8232c804dc0db5d0898bb1ff9419ddc6)
+++ lams_central/web/includes/javascript/authoring/authoringActivity.js	(.../authoringActivity.js)	(revision 2004cd28f4e47531a37d161b113806665a3aa345)
@@ -505,7 +505,7 @@
 							   .addClass('svg-tool-activity-border'),
 			// check for icon in the library
 			icon = ActivityLib.getActivityIcon('grouping'),
-			label = ActivityLib.wrapActivityTitle(this.title, x, y);
+			label = ActivityLib.getActivityTitle(this.title, x, y);
 			
 		icon.select('svg').attr({
 			'x'     : x + 20,
@@ -703,7 +703,7 @@
 						 .addClass('svg-tool-activity-background ' + (this.grouping ? '' : 'svg-shadow')),
 			shapeBorder = paper.path(shapePath)
 							 .addClass('svg-tool-activity-border' + (this.requireGrouping ? '-require-grouping' : '')),
-			label = ActivityLib.wrapActivityTitle(this.title, x, y),
+			label = ActivityLib.getActivityTitle(this.title, x, y),
 			icon = ActivityLib.getActivityIcon(this.learningLibraryID);
 		
 		bannerPath += ' h ' + bannerWidth + ' v ' + height + ' z';
@@ -1857,17 +1857,7 @@
 		GeneralLib.setModified(true);
 	},
 	
-	/**
-	 * Reduce length of activity's title so it fits in its SVG shape.
-	 */
-	shortenActivityTitle : function(title) {
-		if (title.length > 23) {
-			title = title.substring(0, 22) + '...';
-		}
-		return title;
-	},
 	
-	
 	/**
 	 * Crawles through branches setting their lengths and finding the longest one.
 	 */
@@ -1901,18 +1891,18 @@
 		branchingActivity.longestBranchLength = longestBranchLength;
 	},
 	
-	wrapActivityTitle : function(title, x, y) {
-		if (title.length < 15) {
-			var label = paper.text(x + 135, y + 45, title)
-			label.addClass('svg-tool-activity-title-label svg-tool-activity-title-label-middle');
-			return label;
-		}
+	getActivityTitle : function(title, x, y) {
 		
-		const firstLine = paper.text(x + 75, y + 35, title.substring(0, 13))
-			secondLine = paper.text(x + 75, y + 55, title.length > 24 ? title.substring(13, 24) + '...'  : title.substring(13, title.length))
-			labelGroup = paper.g(firstLine, secondLine);
-		
-		labelGroup.addClass('svg-tool-activity-title-label');
-		return labelGroup;
+		if (title.length > 35) {
+			title = title.substring(0, 35) + '...';
+		}
+		var label = $('<div />').addClass('svg-tool-activity-title-label svg-tool-activity-title-box').text(title),
+			wrapper = $('<foreignObject />').append(label).attr({
+				'x'     : x + 75,
+				'y'     : y,
+				'width' : layout.activity.width - 75,
+				'height': layout.activity.height
+			});
+		return Snap.parse(wrapper[0].outerHTML);
 	}
 }; 
Index: lams_central/web/includes/javascript/authoring/authoringGeneral.js
===================================================================
diff -u -re34f9328dda68a9859d4eb5fb63cf858b443a82f -r2004cd28f4e47531a37d161b113806665a3aa345
--- lams_central/web/includes/javascript/authoring/authoringGeneral.js	(.../authoringGeneral.js)	(revision e34f9328dda68a9859d4eb5fb63cf858b443a82f)
+++ lams_central/web/includes/javascript/authoring/authoringGeneral.js	(.../authoringGeneral.js)	(revision 2004cd28f4e47531a37d161b113806665a3aa345)
@@ -782,7 +782,10 @@
 		        }, 500);
 				
 			},
-			'close' : null,
+			'close' : function(){
+				// CSS loaded from an old LD SVG can interfere with current authoring layout
+				$('#ldScreenshotAuthor', this).empty();
+			},
 			'data' : {
 				'prepareForOpen' : function(dialogTitle, learningDesignTitle, shownElementIDs, highlightFolder){
 					$('#ldStoreDialogNameContainer input', layout.ldStoreDialog).val(learningDesignTitle);
Index: lams_monitoring/web/includes/javascript/monitorLesson.js
===================================================================
diff -u -re34f9328dda68a9859d4eb5fb63cf858b443a82f -r2004cd28f4e47531a37d161b113806665a3aa345
--- lams_monitoring/web/includes/javascript/monitorLesson.js	(.../monitorLesson.js)	(revision e34f9328dda68a9859d4eb5fb63cf858b443a82f)
+++ lams_monitoring/web/includes/javascript/monitorLesson.js	(.../monitorLesson.js)	(revision 2004cd28f4e47531a37d161b113806665a3aa345)
@@ -1619,7 +1619,7 @@
 				'height': '30px'
 			});
 			
-			$('.svg-tool-activity-title-label', activityGroup).remove();
+			$('.svg-tool-activity-title-label', activityGroup).parent('foreignObject').remove();
 			$('<text>').text(activity.title.length < 20 ? activity.title : activity.title.substring(0, 20) + '...')
 					   .attr({
 							'x' : coord.x + 55,