1 files changed, 27 insertions, 0 deletions
diff --git a/vnext/src/ui/Avatar.css b/vnext/src/ui/Avatar.css
new file mode 100644
index 00000000..7bdb3115
--- /dev/null
+++ b/vnext/src/ui/Avatar.css
@@ -0,0 +1,27 @@
+.Avatar {
+    display: flex;
+    width: 100%;
+}
+.msg-avatar {
+    max-height: 48px;
+    margin-right: 10px;
+    max-width: 48px;
+}
+.msg-avatar img {
+    max-height: 48px;
+    vertical-align: top;
+    max-width: 48px;
+}
+
+.info-avatar img {
+    max-height: 24px;
+    max-width: 24px;
+    padding: 6px;
+    vertical-align: middle;
+}
+
+@media screen and (min-width: 450px) {
+    .Avatar {
+        width: 300px;
+    }
+}