diff --git a/view/templates/jot-header.tpl b/view/templates/jot-header.tpl
index 700d12ace1..c6656d8866 100644
--- a/view/templates/jot-header.tpl
+++ b/view/templates/jot-header.tpl
@@ -24,6 +24,11 @@ function initEditor(callback) {
 		$("a#jot-perms-icon").colorbox(colorbox_options);
 		$(".jothidden").show();
 
+		$("#profile-jot-text").keyup(function(){
+			var textlen = $(this).val().length;
+			$('#character-counter').text(textlen);
+		});
+
 		editor = true;
 	}
 	if (typeof callback != "undefined") {
diff --git a/view/templates/jot.tpl b/view/templates/jot.tpl
index 71939e0eba..2a5df64065 100644
--- a/view/templates/jot.tpl
+++ b/view/templates/jot.tpl
@@ -1,7 +1,6 @@
 <div id="profile-jot-wrapper">
 	<div id="profile-jot-banner-wrapper">
 		<div id="profile-jot-desc">&nbsp;</div>
-		<div id="character-counter" class="grey"></div>
 	</div>
 	<div id="profile-jot-banner-end"></div>
 
@@ -53,6 +52,10 @@
 		<a id="profile-nolocation" class="icon noglobe" title="{{$noloc}}" onclick="jotClearLocation();return false;"></a>
 	</div>
 
+	<div id="post-length">
+		<span id="character-counter" class="grey"></span>
+	</div>
+
 	<div id="profile-jot-perms" class="profile-jot-perms" style="display: {{$pvisit}};">
 		<a href="#profile-jot-acl-wrapper" id="jot-perms-icon" class="icon {{$lockstate}}"  title="{{$permset}}"></a>{{$bang}}
 	</div>
diff --git a/view/theme/vier/style.css b/view/theme/vier/style.css
index 0484a4ea1b..9054f62f7d 100644
--- a/view/theme/vier/style.css
+++ b/view/theme/vier/style.css
@@ -1778,8 +1778,14 @@ section.minimal {
 	padding: 0.3em;
 	margin-bottom: 10px;
 }
-
-#profile-jot-form #jot-title, #profile-jot-form #jot-category {
+#post-length {
+	width: 20px;
+	float: left;
+	margin-left: 15px;
+	margin-top: 3px;
+	color: #9c9c9c;
+}
+profile-jot-form #jot-title, #profile-jot-form #jot-category {
 	border-radius: 5px 5px 5px 5px;
 	font-weight: bold;
 	height: 20px;