diff --git a/server/camlistored/ui/detail.css b/server/camlistored/ui/detail.css
index f487b2811..9de636fb1 100644
--- a/server/camlistored/ui/detail.css
+++ b/server/camlistored/ui/detail.css
@@ -38,6 +38,11 @@
 	position: absolute;
 }
 
+.detail-view-piggy.detail-view-piggy-backward {
+	-webkit-transform: scaleX(-1);
+	transform: scaleX(-1);
+}
+
 .detail-piggy-leave {
 	transition: opacity 200ms linear;
 	opacity: 1;
diff --git a/server/camlistored/ui/detail.js b/server/camlistored/ui/detail.js
index e1635f9d1..52d6f14f6 100644
--- a/server/camlistored/ui/detail.js
+++ b/server/camlistored/ui/detail.js
@@ -38,7 +38,8 @@ var DetailView = React.createClass({
 		this.eh_ = new goog.events.EventHandler(this);
 
 		return {
-			imgHasLoaded: false
+			imgHasLoaded: false,
+			backwardPiggy: false,
 		};
 	},
 
@@ -80,6 +81,7 @@ var DetailView = React.createClass({
 
 	navigate: function(offset) {
 		this.pendingNavigation_ = offset;
+		this.setState({backwardPiggy: offset < 0});
 		this.handlePendingNavigation_();
 	},
 
@@ -168,7 +170,10 @@ var DetailView = React.createClass({
 			transition.props.children.push(
 				SpritedAnimation({
 					src: 'glitch/npc_piggy__x1_walk_png_1354829432.png',
-					className: 'detail-view-piggy',
+					className: React.addons.classSet({
+						'detail-view-piggy': true,
+						'detail-view-piggy-backward': this.state.backwardPiggy
+					}),
 					spriteWidth: this.PIGGY_WIDTH,
 					spriteHeight: this.PIGGY_HEIGHT,
 					sheetWidth: 8,