diff --git a/app/assets/stylesheets/application.css.scss b/app/assets/stylesheets/application.css.scss
index 1d2a9b255..91ac2dc9e 100644
--- a/app/assets/stylesheets/application.css.scss
+++ b/app/assets/stylesheets/application.css.scss
@@ -25,7 +25,7 @@
 @import "new_styles/_forms";
 @import "tag";
 @import "photo";
-
+@import "chat";
 
 /* ====== media ====== */
 .media {
diff --git a/app/assets/stylesheets/chat.css.scss b/app/assets/stylesheets/chat.css.scss
new file mode 100644
index 000000000..88232bcf4
--- /dev/null
+++ b/app/assets/stylesheets/chat.css.scss
@@ -0,0 +1,7 @@
+body > .container.chat-roster-shown {
+  padding-right: 224px;
+  #back-to-top { right: 244px; }
+}
+body > .container.chat-roster-hidden {
+  #back-to-top { right: 54px; }
+}