diff --git a/core/modules/macros/list/listviews/classic.js b/core/modules/macros/list/listviews/classic.js
index 101e71143..a7f8d69fe 100644
--- a/core/modules/macros/list/listviews/classic.js
+++ b/core/modules/macros/list/listviews/classic.js
@@ -26,7 +26,7 @@ ClassicListView.prototype.navigateTo = function(historyInfo) {
 		{transformOrigin: "0% 0%"},
 		{height: "auto"}
 	]);
-	// Get the current height of the elmeent
+	// Get the current height of the element
 	var currHeight = targetElement.offsetHeight;
 	// Compute the start and end positions of the target element
 	var srcRect = historyInfo.fromPageRect;
@@ -41,7 +41,6 @@ ClassicListView.prototype.navigateTo = function(historyInfo) {
 			bottom: scrollPos.y + srcRect.height
 		};
 	};
-$tw.utils.forceLayout(targetElement);
 	var dstRect = $tw.utils.getBoundingPageRect(targetElement);
 	// Compute the transformations
 	var scale = srcRect.width / dstRect.width;
@@ -67,7 +66,7 @@ $tw.utils.forceLayout(targetElement);
 		{height: currHeight + "px"}
 	]);
 	// Scroll the target element into view
-	$tw.scroller.scrollIntoView(dstRect);
+	//$tw.scroller.scrollIntoView(dstRect);
 };
 
 ClassicListView.prototype.insert = function(index) {
diff --git a/core/modules/macros/list/listviews/sideways.js b/core/modules/macros/list/listviews/sideways.js
index cd5cb7684..9b7b0cfd3 100644
--- a/core/modules/macros/list/listviews/sideways.js
+++ b/core/modules/macros/list/listviews/sideways.js
@@ -19,14 +19,8 @@ function SidewaysListView(listMacro) {
 SidewaysListView.prototype.navigateTo = function(historyInfo) {
 	var listElementIndex = this.listMacro.findListElementByTitle(0,historyInfo.title),
 		listElementNode = this.listMacro.listFrame.children[listElementIndex],
-		targetElement = listElementNode.domNode;
-	// Remove any transform on the target element
-	$tw.utils.setStyle(targetElement,[
-		{transition: "none"},
-		{transformOrigin: "0% 0%"},
-		{transform: "none"},
-		{height: "auto"}
-	]);
+		targetElement = listElementNode.domNode,
+		currWidth = targetElement.offsetWidth;
 	// Compute the start and end positions of the target element
 	var srcRect = historyInfo.fromPageRect;
 	if(!srcRect) {
@@ -40,88 +34,70 @@ SidewaysListView.prototype.navigateTo = function(historyInfo) {
 			bottom: scrollPos.y + srcRect.height
 		};
 	};
-$tw.utils.forceLayout(targetElement);
 	var dstRect = $tw.utils.getBoundingPageRect(targetElement);
 	// Compute the transformations
 	var scale = srcRect.width / dstRect.width;
 	// Position the target element over the source rectangle
 	$tw.utils.setStyle(targetElement,[
 		{transition: "none"},
-		{transform: "translateX(" + (srcRect.left-dstRect.left) + "px) translateY(" + (srcRect.top-dstRect.top) + "px) scale(" + scale + ")"}
+		{transform: "translateX(" + (srcRect.left-dstRect.left) + "px) translateY(" + (srcRect.top-dstRect.top) + "px) scale(" + scale + ")"},
+		{marginRight: (-currWidth) + "px"}
 	]);
 	$tw.utils.forceLayout(targetElement);
 	// Transition the target element to its final resting place
 	$tw.utils.setStyle(targetElement,[
 		{transition: $tw.utils.roundTripPropertyName("transform") + " " + $tw.config.preferences.animationDurationMs + " ease-in-out, " +
-					"opacity " + $tw.config.preferences.animationDurationMs + " ease-out"},
-		{transform: "none"}
+					"opacity " + $tw.config.preferences.animationDurationMs + " ease-out, " +
+					"margin-right " + $tw.config.preferences.animationDurationMs + " ease-in-out"},
+		{transform: "none"},
+		{marginRight: "0px"}
 	]);
 	// Scroll the target element into view
-	$tw.scroller.scrollIntoView(dstRect);
+	//$tw.scroller.scrollIntoView(dstRect);
 };
 
 SidewaysListView.prototype.insert = function(index) {
 	var listElementNode = this.listMacro.listFrame.children[index],
-		targetElement = listElementNode.domNode;
-	// Get the current height of the tiddler
-	var currHeight = targetElement.offsetHeight;
-	// Reset the height once the transition is over
-	targetElement.addEventListener($tw.utils.convertEventName("transitionEnd"),function(event) {
-		$tw.utils.setStyle(targetElement,[
-			{transition: "none"},
-			{height: "auto"}
-		]);
-	},false);
+		targetElement = listElementNode.domNode,
+		currWidth = targetElement.offsetWidth;
 	// Set up the initial position of the element
 	$tw.utils.setStyle(targetElement,[
 		{transition: "none"},
-		{transformOrigin: "0% 0%"},
-		{transform: "translateX(" + window.innerWidth + "px)"},
 		{opacity: "0.0"},
-		{height: "0px"}
+		{marginRight: (-currWidth) + "px"}
 	]);
 	$tw.utils.forceLayout(targetElement);
 	// Transition to the final position
 	$tw.utils.setStyle(targetElement,[
-		{transition: $tw.utils.roundTripPropertyName("transform") + " " + $tw.config.preferences.animationDurationMs + " ease-in-out, " +
-					"opacity " + $tw.config.preferences.animationDurationMs + " ease-out, " +
-					"height " + $tw.config.preferences.animationDurationMs + " ease-in-out"},
-		{transform: "translateX(0px)"},
+		{transition: "opacity " + $tw.config.preferences.animationDurationMs + " ease-out, " +
+					"margin-right " + $tw.config.preferences.animationDurationMs + " ease-in-out"},
 		{opacity: "1.0"},
-		{height: currHeight + "px"}
+		{marginRight: ""}
 	]);
 };
 
 SidewaysListView.prototype.remove = function(index) {
 	var listElementNode = this.listMacro.listFrame.children[index],
-		targetElement = listElementNode.domNode;
-	// Get the current height of the tiddler
-	var currHeight = targetElement.offsetHeight;
-	// Put a wrapper around the dom node we're closing
-	var wrapperElement = document.createElement("div");
-	targetElement.parentNode.insertBefore(wrapperElement,targetElement);
-	wrapperElement.appendChild(targetElement);
+		targetElement = listElementNode.domNode,
+		currWidth = targetElement.offsetWidth;
 	// Attach an event handler for the end of the transition
-	wrapperElement.addEventListener($tw.utils.convertEventName("transitionEnd"),function(event) {
-		if(wrapperElement.parentNode) {
-			wrapperElement.parentNode.removeChild(wrapperElement);
+	targetElement.addEventListener($tw.utils.convertEventName("transitionEnd"),function(event) {
+		if(targetElement.parentNode) {
+			targetElement.parentNode.removeChild(targetElement);
 		}
 	},false);
 	// Animate the closure
-	$tw.utils.setStyle(wrapperElement,[
-		{transition: $tw.utils.roundTripPropertyName("transform") + " " + $tw.config.preferences.animationDurationMs + " ease-in-out, " +
-					"opacity " + $tw.config.preferences.animationDurationMs + " ease-out, " +
-					"height " + $tw.config.preferences.animationDurationMs + " ease-in-out"},
-		{transformOrigin: "0% 0%"},
-		{transform: "translateX(0px)"},
+	$tw.utils.setStyle(targetElement,[
+		{transition: ""},
 		{opacity: "1.0"},
-		{height: currHeight + "px"}
+		{marginRight: "0px"}
 	]);
-	$tw.utils.forceLayout(wrapperElement);
-	$tw.utils.setStyle(wrapperElement,[
-		{transform: "translateX(-" + window.innerWidth + "px)"},
+	$tw.utils.forceLayout(targetElement);
+	$tw.utils.setStyle(targetElement,[
+		{transition: "opacity " + $tw.config.preferences.animationDurationMs + " ease-out, " +
+					"margin-right " + $tw.config.preferences.animationDurationMs + " ease-in-out"},
 		{opacity: "0.0"},
-		{height: "0px"}
+		{marginRight: (-currWidth) + "px"}
 	]);
 	// Returning true causes the DOM node not to be deleted
 	return true;