diff --git a/view/theme/dispy-dark/style.css b/view/theme/dispy-dark/style.css
index 2b9354fccb..30d5cb8a9c 100644
--- a/view/theme/dispy-dark/style.css
+++ b/view/theme/dispy-dark/style.css
@@ -856,6 +856,16 @@ aside #viewcontacts {
     border-radius: 5px;
 	vertical-align: middle;
 }
+#jot-category {
+	margin: 5px 0;
+	border-radius: 5px;
+	border: 1px #999 solid;
+	color: #aaa;
+	font-size: smaller;
+}
+#jot-category:focus {
+	color: #eee;
+}
 #jot #character-counter {
 	width: 6%;
 	float: right;
@@ -2176,12 +2186,12 @@ div[id$="wrapper"] br {
 	opacity: 1.0 !important;
 	filter:alpha(opacity=100) !important;
 }
-.filesavetags {
+.filesavetags, .categorytags {
 	margin: 20px 0;
 	opacity: 0.5;
 	filter:alpha(opacity=50);
 }
-.filesavetags:hover {
+.filesavetags:hover, .categorytags:hover {
 	margin: 20px 0;
 	opacity: 1.0 !important;
 	filter:alpha(opacity=100) !important;
diff --git a/view/theme/dispy/style.css b/view/theme/dispy/style.css
index 3799563ffe..f8287c6ec7 100644
--- a/view/theme/dispy/style.css
+++ b/view/theme/dispy/style.css
@@ -856,6 +856,16 @@ aside #viewcontacts {
     border-radius: 5px;
 	vertical-align: middle;
 }
+#jot-category {
+	margin: 5px 0;
+	border-radius: 5px;
+	border: 1px #ccc solid;
+	color: #666;
+	font-size: small;
+}
+#jot-category:focus {
+	color: #111;
+}
 #jot #character-counter {
 	width: 6%;
 	float: right;
@@ -2176,12 +2186,12 @@ div[id$="wrapper"] br {
 	opacity: 1.0 !important;
 	filter:alpha(opacity=100) !important;
 }
-.filesavetags {
+.filesavetags, .categorytags {
 	margin: 20px 0;
 	opacity: 0.5;
 	filter:alpha(opacity=50);
 }
-.filesavetags:hover {
+.filesavetags:hover, .categorytags:hover {
 	margin: 20px 0;
 	opacity: 1.0 !important;
 	filter:alpha(opacity=100) !important;