diff --git a/app-addon/components/nf-scroll-area.js b/app-addon/components/nf-scroll-area.js
index <HASH>..<HASH> 100644
--- a/app-addon/components/nf-scroll-area.js
+++ b/app-addon/components/nf-scroll-area.js
@@ -55,8 +55,9 @@ export default Ember.Component.extend({
 	}.property().volatile(),
 
 	_updateScrollTop: function(){
-		if(this.get('element')) {
-			var scrollTop = this.get('scrollTopPercentage') * this.get('element').scrollHeight;
+		var element = this.get('element');
+		if(element) {
+			var scrollTop = this.get('scrollTopPercentage') * (element.scrollHeight - this.$().outerHeight());
 			this.set('scrollTop', scrollTop);
 		}
 	}.observes('scrollTopPercentage').on('didInsertElement'),
account for outerHeight in when setting scrollTop by percentage