diff --git a/client/css/style.css b/client/css/style.css
index da0cbbbe..ab6a0a12 100644
--- a/client/css/style.css
+++ b/client/css/style.css
@@ -1005,6 +1005,11 @@ kbd {
 #chat .time {
 	color: #ddd;
 	padding-left: 10px;
+	width: 55px;
+}
+
+#chat.show-seconds .time {
+	width: 75px;
 }
 
 #chat .from {
diff --git a/client/js/options.js b/client/js/options.js
index af28840e..84e40c45 100644
--- a/client/js/options.js
+++ b/client/js/options.js
@@ -113,6 +113,7 @@ settings.on("change", "input, select, textarea", function() {
 		chat.find(".msg > .time").each(function() {
 			$(this).text(tz($(this).parent().data("time")));
 		});
+		chat.toggleClass("show-seconds", self.prop("checked"));
 	} else if (name === "autocomplete") {
 		if (self.prop("checked")) {
 			$("#input").trigger("autocomplete:on");