diff --git a/src/core/client/stream/tabs/profile/components/CommentsHistory.tsx b/src/core/client/stream/tabs/profile/components/CommentsHistory.tsx
index dc833f077..228d48b4c 100644
--- a/src/core/client/stream/tabs/profile/components/CommentsHistory.tsx
+++ b/src/core/client/stream/tabs/profile/components/CommentsHistory.tsx
@@ -12,6 +12,9 @@ interface Me {
         readonly body: string | null;
         readonly createdAt: any;
         readonly replyCount: number | null;
+        readonly asset: {
+          readonly title: string | null;
+        };
       };
     }>;
   };
diff --git a/src/core/client/stream/tabs/profile/components/HistoryComment.css b/src/core/client/stream/tabs/profile/components/HistoryComment.css
index 286faa81f..3d3af60dd 100644
--- a/src/core/client/stream/tabs/profile/components/HistoryComment.css
+++ b/src/core/client/stream/tabs/profile/components/HistoryComment.css
@@ -3,7 +3,8 @@
 }
 
 .button,
-.replies {
+.replies,
+.story {
   composes: button from "talk-ui/shared/typography.css";
 }
 
diff --git a/src/core/client/stream/tabs/profile/components/HistoryComment.tsx b/src/core/client/stream/tabs/profile/components/HistoryComment.tsx
index d9520d112..c806a193b 100644
--- a/src/core/client/stream/tabs/profile/components/HistoryComment.tsx
+++ b/src/core/client/stream/tabs/profile/components/HistoryComment.tsx
@@ -17,6 +17,9 @@ export interface HistoryCommentProps {
     body: string | null;
     createdAt: string;
     replyCount: number | null;
+    asset: {
+      title: string | null;
+    };
   };
   onGoToConversation: () => void;
 }
@@ -59,11 +62,27 @@ const HistoryComment: StatelessComponent<HistoryCommentProps> = props => {
           className={styles.replies}
         >
           <ButtonIcon className={styles.icon}>reply</ButtonIcon>
-          <Localized id="profile-historyComment-replies">
-            <span>Replies {props.comment.replyCount}</span>
+          <Localized
+            id="profile-historyComment-replies"
+            $replyCount={props.comment.replyCount}
+          >
+            <span>{"Replies {$replyCount}"}</span>
           </Localized>
         </Flex>
       )}
+      <Flex
+        direction="row"
+        alignItems="center"
+        itemGutter="half"
+        className={styles.story}
+      >
+        <Localized
+          id="profile-historyComment-story"
+          $title={props.comment.asset.title}
+        >
+          <span>{"Story: {$title}"}</span>
+        </Localized>
+      </Flex>
     </HorizontalGutter>
   );
 };
diff --git a/src/core/client/stream/tabs/profile/containers/CommentsHistoryContainer.tsx b/src/core/client/stream/tabs/profile/containers/CommentsHistoryContainer.tsx
index 8eaa949fd..3c2110f62 100644
--- a/src/core/client/stream/tabs/profile/containers/CommentsHistoryContainer.tsx
+++ b/src/core/client/stream/tabs/profile/containers/CommentsHistoryContainer.tsx
@@ -40,6 +40,9 @@ const enhanced = withSetCommentIDMutation(
               body
               createdAt
               replyCount
+              asset {
+                title
+              }
             }
           }
         }
diff --git a/src/core/client/stream/test/comments/__snapshots__/loadMore.spec.tsx.snap b/src/core/client/stream/test/comments/__snapshots__/loadMore.spec.tsx.snap
index dbfdc3b88..7de9ffbaf 100644
--- a/src/core/client/stream/test/comments/__snapshots__/loadMore.spec.tsx.snap
+++ b/src/core/client/stream/test/comments/__snapshots__/loadMore.spec.tsx.snap
@@ -390,9 +390,32 @@ exports[`renders comment stream 1`] = `
         Comments
       </button>
     </li>
+    <li
+      className="Tab-root"
+      id="tab-PROFILE"
+      role="presentation"
+    >
+      <button
+        aria-controls="tabPane-PROFILE"
+        aria-selected={false}
+        className="BaseButton-root Tab-button Tab-primary"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onMouseDown={[Function]}
+        onMouseOut={[Function]}
+        onMouseOver={[Function]}
+        onTouchEnd={[Function]}
+        role="tab"
+        type="button"
+      >
+        My Profile
+      </button>
+    </li>
   </ul>
   <section
     aria-labelledby="tab-COMMENTS"
+    className="App-tabContent"
     id="tabPane-COMMENTS"
     role="tabpanel"
   >
diff --git a/src/core/client/stream/test/comments/__snapshots__/postComment.spec.tsx.snap b/src/core/client/stream/test/comments/__snapshots__/postComment.spec.tsx.snap
index 171e6aa3b..d4eac5d3a 100644
--- a/src/core/client/stream/test/comments/__snapshots__/postComment.spec.tsx.snap
+++ b/src/core/client/stream/test/comments/__snapshots__/postComment.spec.tsx.snap
@@ -30,9 +30,32 @@ exports[`post a comment: optimistic response 1`] = `
         Comments
       </button>
     </li>
+    <li
+      className="Tab-root"
+      id="tab-PROFILE"
+      role="presentation"
+    >
+      <button
+        aria-controls="tabPane-PROFILE"
+        aria-selected={false}
+        className="BaseButton-root Tab-button Tab-primary"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onMouseDown={[Function]}
+        onMouseOut={[Function]}
+        onMouseOver={[Function]}
+        onTouchEnd={[Function]}
+        role="tab"
+        type="button"
+      >
+        My Profile
+      </button>
+    </li>
   </ul>
   <section
     aria-labelledby="tab-COMMENTS"
+    className="App-tabContent"
     id="tabPane-COMMENTS"
     role="tabpanel"
   >
@@ -472,9 +495,32 @@ exports[`post a comment: server response 1`] = `
         Comments
       </button>
     </li>
+    <li
+      className="Tab-root"
+      id="tab-PROFILE"
+      role="presentation"
+    >
+      <button
+        aria-controls="tabPane-PROFILE"
+        aria-selected={false}
+        className="BaseButton-root Tab-button Tab-primary"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onMouseDown={[Function]}
+        onMouseOut={[Function]}
+        onMouseOver={[Function]}
+        onTouchEnd={[Function]}
+        role="tab"
+        type="button"
+      >
+        My Profile
+      </button>
+    </li>
   </ul>
   <section
     aria-labelledby="tab-COMMENTS"
+    className="App-tabContent"
     id="tabPane-COMMENTS"
     role="tabpanel"
   >
@@ -904,9 +950,32 @@ exports[`renders comment stream 1`] = `
         Comments
       </button>
     </li>
+    <li
+      className="Tab-root"
+      id="tab-PROFILE"
+      role="presentation"
+    >
+      <button
+        aria-controls="tabPane-PROFILE"
+        aria-selected={false}
+        className="BaseButton-root Tab-button Tab-primary"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onMouseDown={[Function]}
+        onMouseOut={[Function]}
+        onMouseOver={[Function]}
+        onTouchEnd={[Function]}
+        role="tab"
+        type="button"
+      >
+        My Profile
+      </button>
+    </li>
   </ul>
   <section
     aria-labelledby="tab-COMMENTS"
+    className="App-tabContent"
     id="tabPane-COMMENTS"
     role="tabpanel"
   >
diff --git a/src/core/client/stream/test/comments/__snapshots__/postLocalReply.spec.tsx.snap b/src/core/client/stream/test/comments/__snapshots__/postLocalReply.spec.tsx.snap
index 35948074c..80b26d147 100644
--- a/src/core/client/stream/test/comments/__snapshots__/postLocalReply.spec.tsx.snap
+++ b/src/core/client/stream/test/comments/__snapshots__/postLocalReply.spec.tsx.snap
@@ -2,727 +2,591 @@
 
 exports[`post a reply: open reply form 1`] = `
 <div
-  className="Flex-root App-root Flex-flex Flex-justifyCenter"
+  className="HorizontalGutter-root App-root HorizontalGutter-full"
 >
-  <div
-    className="HorizontalGutter-root Stream-root HorizontalGutter-double"
+  <ul
+    className="TabBar-root TabBar-primary"
+    role="tablist"
+  >
+    <li
+      className="Tab-root"
+      id="tab-COMMENTS"
+      role="presentation"
+    >
+      <button
+        aria-controls="tabPane-COMMENTS"
+        aria-selected={true}
+        className="BaseButton-root Tab-button Tab-primary Tab-active"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onMouseDown={[Function]}
+        onMouseOut={[Function]}
+        onMouseOver={[Function]}
+        onTouchEnd={[Function]}
+        role="tab"
+        type="button"
+      >
+        Comments
+      </button>
+    </li>
+    <li
+      className="Tab-root"
+      id="tab-PROFILE"
+      role="presentation"
+    >
+      <button
+        aria-controls="tabPane-PROFILE"
+        aria-selected={false}
+        className="BaseButton-root Tab-button Tab-primary"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onMouseDown={[Function]}
+        onMouseOut={[Function]}
+        onMouseOver={[Function]}
+        onTouchEnd={[Function]}
+        role="tab"
+        type="button"
+      >
+        My Profile
+      </button>
+    </li>
+  </ul>
+  <section
+    aria-labelledby="tab-COMMENTS"
+    className="App-tabContent"
+    id="tabPane-COMMENTS"
+    role="tabpanel"
   >
     <div
-      className="HorizontalGutter-root HorizontalGutter-half"
+      className="HorizontalGutter-root Stream-root HorizontalGutter-double"
     >
       <div
-        className="Flex-root"
+        className="HorizontalGutter-root HorizontalGutter-half"
       >
         <div
-          className="Flex-flex Flex-halfItemGutter Flex-wrap"
+          className="Flex-root"
         >
           <div
-            className="Typography-root Typography-bodyCopy Typography-colorTextPrimary"
-          >
-            Signed in as 
-            <span
-              className="Typography-root Typography-bodyCopyBold Typography-colorTextPrimary"
-            >
-              Markus
-            </span>
-            .
-          </div>
-          <div
-            className="Flex-root Typography-root Typography-bodyCopy Typography-colorTextPrimary Flex-flex"
-          >
-            <span>
-              Not you? 
-            </span>
-            <button
-              className="BaseButton-root Button-root Button-sizeSmall Button-colorPrimary Button-variantUnderlined"
-              onBlur={[Function]}
-              onClick={[Function]}
-              onFocus={[Function]}
-              onMouseDown={[Function]}
-              onMouseOut={[Function]}
-              onMouseOver={[Function]}
-              onTouchEnd={[Function]}
-              type="button"
-            >
-              Sign Out
-            </button>
-          </div>
-        </div>
-      </div>
-      <form
-        autoComplete="off"
-        className="PostCommentForm-root"
-        id="comments-postCommentForm-form"
-        onSubmit={[Function]}
-      >
-        <div
-          className="HorizontalGutter-root HorizontalGutter-full"
-        >
-          <div>
-            <label
-              className="AriaInfo-root"
-              htmlFor="comments-postCommentForm-field"
-            >
-              Post a comment
-            </label>
-            <div>
-              <div
-                className=""
-              >
-                <div
-                  className="Toolbar-toolbar"
-                >
-                  <button
-                    className="Button-button"
-                    disabled={false}
-                    onClick={[Function]}
-                    title="Bold"
-                    type="button"
-                  >
-                    <span
-                      aria-hidden="true"
-                      className="Icon-root Icon-md"
-                    >
-                      format_bold
-                    </span>
-                  </button>
-                  <button
-                    className="Button-button"
-                    disabled={false}
-                    onClick={[Function]}
-                    title="Italic"
-                    type="button"
-                  >
-                    <span
-                      aria-hidden="true"
-                      className="Icon-root Icon-md"
-                    >
-                      format_italic
-                    </span>
-                  </button>
-                  <button
-                    className="Button-button"
-                    disabled={false}
-                    onClick={[Function]}
-                    title="Blockquote"
-                    type="button"
-                  >
-                    <span
-                      aria-hidden="true"
-                      className="Icon-root Icon-md"
-                    >
-                      format_quote
-                    </span>
-                  </button>
-                </div>
-                <div
-                  aria-hidden="true"
-                  className="RTE-placeholder RTE-placeholder"
-                >
-                  Post a comment
-                </div>
-                <div
-                  aria-placeholder="Post a comment"
-                  className="RTE-contentEditable RTE-content"
-                  contentEditable={true}
-                  dangerouslySetInnerHTML={
-                    Object {
-                      "__html": "",
-                    }
-                  }
-                  disabled={false}
-                  id="comments-postCommentForm-field"
-                  onBlur={[Function]}
-                  onChange={[Function]}
-                  onCut={[Function]}
-                  onFocus={[Function]}
-                  onInput={[Function]}
-                  onKeyDown={[Function]}
-                  onPaste={[Function]}
-                  onSelect={[Function]}
-                />
-              </div>
-            </div>
-          </div>
-          <div
-            className="Flex-root Flex-flex Flex-justifySpaceBetween Flex-alignFlexStart Flex-directionRow"
+            className="Flex-flex Flex-halfItemGutter Flex-wrap"
           >
             <div
-              className="PostCommentForm-poweredBy"
+              className="Typography-root Typography-bodyCopy Typography-colorTextPrimary"
             >
+              Signed in as 
               <span
-                className="Typography-root Typography-detail Typography-colorTextSecondary"
+                className="Typography-root Typography-bodyCopyBold Typography-colorTextPrimary"
               >
-                Powered by 
-                <span
-                  className="Typography-root Typography-heading4 Typography-colorTextPrimary"
-                >
-                  ⁨The Coral Project⁩
-                </span>
+                Markus
               </span>
+              .
             </div>
-            <button
-              className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled Button-disabled"
-              disabled={true}
-              onBlur={[Function]}
-              onFocus={[Function]}
-              onMouseDown={[Function]}
-              onMouseOut={[Function]}
-              onMouseOver={[Function]}
-              onTouchEnd={[Function]}
-              type="submit"
-            >
-              Submit
-            </button>
-          </div>
-        </div>
-      </form>
-    </div>
-    <div
-      aria-live="polite"
-      className="HorizontalGutter-root HorizontalGutter-full"
-      id="talk-comments-stream-log"
-      role="log"
-    >
-      <div
-        className="HorizontalGutter-root HorizontalGutter-full"
-      >
-        <div
-          className="Indent-root"
-        >
-          <div
-            className=""
-          >
             <div
-              className="Comment-root"
-              role="article"
+              className="Flex-root Typography-root Typography-bodyCopy Typography-colorTextPrimary Flex-flex"
             >
-              <div
-                className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
-                id="comment-comment-with-deepest-replies"
+              <span>
+                Not you? 
+              </span>
+              <button
+                className="BaseButton-root Button-root Button-sizeSmall Button-colorPrimary Button-variantUnderlined"
+                onBlur={[Function]}
+                onClick={[Function]}
+                onFocus={[Function]}
+                onMouseDown={[Function]}
+                onMouseOut={[Function]}
+                onMouseOver={[Function]}
+                onTouchEnd={[Function]}
+                type="button"
               >
-                <div
-                  className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
-                >
-                  <span
-                    className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
-                  >
-                    Markus
-                  </span>
-                  <div
-                    className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
-                  >
-                    <time
-                      className="Timestamp-root RelativeTime-root"
-                      dateTime="2018-07-06T18:24:00.000Z"
-                      title="2018-07-06T18:24:00.000Z"
-                    >
-                      2018-07-06T18:24:00.000Z
-                    </time>
-                  </div>
-                </div>
-              </div>
-              <div
-                className="HTMLContent-root"
-                dangerouslySetInnerHTML={
-                  Object {
-                    "__html": "body 0",
-                  }
-                }
-              />
-              <div
-                className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
-              >
-                <button
-                  className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
-                  id="comments-commentContainer-replyButton-comment-with-deepest-replies"
-                  onBlur={[Function]}
-                  onClick={[Function]}
-                  onFocus={[Function]}
-                  onMouseDown={[Function]}
-                  onMouseOut={[Function]}
-                  onMouseOver={[Function]}
-                  onTouchEnd={[Function]}
-                  type="button"
-                >
-                  <span>
-                    Reply
-                  </span>
-                </button>
-              </div>
+                Sign Out
+              </button>
             </div>
           </div>
         </div>
-        <div
-          className="HorizontalGutter-root HorizontalGutter-full"
-          id="talk-comments-replyList-log--comment-with-deepest-replies"
-          role="log"
+        <form
+          autoComplete="off"
+          className="PostCommentForm-root"
+          id="comments-postCommentForm-form"
+          onSubmit={[Function]}
         >
           <div
             className="HorizontalGutter-root HorizontalGutter-full"
           >
-            <div
-              className="Indent-root"
-            >
-              <div
-                className="Indent-level1"
+            <div>
+              <label
+                className="AriaInfo-root"
+                htmlFor="comments-postCommentForm-field"
               >
+                Post a comment
+              </label>
+              <div>
                 <div
-                  className="Comment-root"
-                  role="article"
+                  className=""
                 >
                   <div
-                    className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
-                    id="comment-comment-with-deepest-replies-1"
-                  >
-                    <div
-                      className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
-                    >
-                      <span
-                        className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
-                      >
-                        Markus
-                      </span>
-                      <div
-                        className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
-                      >
-                        <time
-                          className="Timestamp-root RelativeTime-root"
-                          dateTime="2018-07-06T18:24:00.000Z"
-                          title="2018-07-06T18:24:00.000Z"
-                        >
-                          2018-07-06T18:24:00.000Z
-                        </time>
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    className="HTMLContent-root"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": "body 1",
-                      }
-                    }
-                  />
-                  <div
-                    className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
+                    className="Toolbar-toolbar"
                   >
                     <button
-                      className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
-                      id="comments-commentContainer-replyButton-comment-with-deepest-replies-1"
-                      onBlur={[Function]}
+                      className="Button-button"
+                      disabled={false}
                       onClick={[Function]}
-                      onFocus={[Function]}
-                      onMouseDown={[Function]}
-                      onMouseOut={[Function]}
-                      onMouseOver={[Function]}
-                      onTouchEnd={[Function]}
+                      title="Bold"
                       type="button"
                     >
-                      <span>
-                        Reply
+                      <span
+                        aria-hidden="true"
+                        className="Icon-root Icon-md"
+                      >
+                        format_bold
+                      </span>
+                    </button>
+                    <button
+                      className="Button-button"
+                      disabled={false}
+                      onClick={[Function]}
+                      title="Italic"
+                      type="button"
+                    >
+                      <span
+                        aria-hidden="true"
+                        className="Icon-root Icon-md"
+                      >
+                        format_italic
+                      </span>
+                    </button>
+                    <button
+                      className="Button-button"
+                      disabled={false}
+                      onClick={[Function]}
+                      title="Blockquote"
+                      type="button"
+                    >
+                      <span
+                        aria-hidden="true"
+                        className="Icon-root Icon-md"
+                      >
+                        format_quote
                       </span>
                     </button>
                   </div>
+                  <div
+                    aria-hidden="true"
+                    className="RTE-placeholder RTE-placeholder"
+                  >
+                    Post a comment
+                  </div>
+                  <div
+                    aria-placeholder="Post a comment"
+                    className="RTE-contentEditable RTE-content"
+                    contentEditable={true}
+                    dangerouslySetInnerHTML={
+                      Object {
+                        "__html": "",
+                      }
+                    }
+                    disabled={false}
+                    id="comments-postCommentForm-field"
+                    onBlur={[Function]}
+                    onChange={[Function]}
+                    onCut={[Function]}
+                    onFocus={[Function]}
+                    onInput={[Function]}
+                    onKeyDown={[Function]}
+                    onPaste={[Function]}
+                    onSelect={[Function]}
+                  />
                 </div>
               </div>
             </div>
             <div
-              className="HorizontalGutter-root HorizontalGutter-full"
-              id="talk-comments-replyList-log--comment-with-deepest-replies-1"
-              role="log"
+              className="Flex-root Flex-flex Flex-justifySpaceBetween Flex-alignFlexStart Flex-directionRow"
             >
               <div
-                className="HorizontalGutter-root HorizontalGutter-full"
+                className="PostCommentForm-poweredBy"
+              >
+                <span
+                  className="Typography-root Typography-detail Typography-colorTextSecondary"
+                >
+                  Powered by 
+                  <span
+                    className="Typography-root Typography-heading4 Typography-colorTextPrimary"
+                  >
+                    ⁨The Coral Project⁩
+                  </span>
+                </span>
+              </div>
+              <button
+                className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled Button-disabled"
+                disabled={true}
+                onBlur={[Function]}
+                onFocus={[Function]}
+                onMouseDown={[Function]}
+                onMouseOut={[Function]}
+                onMouseOver={[Function]}
+                onTouchEnd={[Function]}
+                type="submit"
+              >
+                Submit
+              </button>
+            </div>
+          </div>
+        </form>
+      </div>
+      <div
+        aria-live="polite"
+        className="HorizontalGutter-root HorizontalGutter-full"
+        id="talk-comments-stream-log"
+        role="log"
+      >
+        <div
+          className="HorizontalGutter-root HorizontalGutter-full"
+        >
+          <div
+            className="Indent-root"
+          >
+            <div
+              className=""
+            >
+              <div
+                className="Comment-root"
+                role="article"
               >
                 <div
-                  className="Indent-root"
+                  className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
+                  id="comment-comment-with-deepest-replies"
                 >
                   <div
-                    className="Indent-level2"
+                    className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
                   >
-                    <div
-                      className="Comment-root"
-                      role="article"
+                    <span
+                      className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
                     >
-                      <div
-                        className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
-                        id="comment-comment-with-deepest-replies-2"
+                      Markus
+                    </span>
+                    <div
+                      className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
+                    >
+                      <time
+                        className="Timestamp-root RelativeTime-root"
+                        dateTime="2018-07-06T18:24:00.000Z"
+                        title="2018-07-06T18:24:00.000Z"
                       >
-                        <div
-                          className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
-                        >
-                          <span
-                            className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
-                          >
-                            Markus
-                          </span>
-                          <div
-                            className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
-                          >
-                            <time
-                              className="Timestamp-root RelativeTime-root"
-                              dateTime="2018-07-06T18:24:00.000Z"
-                              title="2018-07-06T18:24:00.000Z"
-                            >
-                              2018-07-06T18:24:00.000Z
-                            </time>
-                          </div>
-                        </div>
-                      </div>
-                      <div
-                        className="HTMLContent-root"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": "body 2",
-                          }
-                        }
-                      />
-                      <div
-                        className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
-                      >
-                        <button
-                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
-                          id="comments-commentContainer-replyButton-comment-with-deepest-replies-2"
-                          onBlur={[Function]}
-                          onClick={[Function]}
-                          onFocus={[Function]}
-                          onMouseDown={[Function]}
-                          onMouseOut={[Function]}
-                          onMouseOver={[Function]}
-                          onTouchEnd={[Function]}
-                          type="button"
-                        >
-                          <span>
-                            Reply
-                          </span>
-                        </button>
-                      </div>
+                        2018-07-06T18:24:00.000Z
+                      </time>
                     </div>
                   </div>
                 </div>
                 <div
-                  className="HorizontalGutter-root HorizontalGutter-full"
-                  id="talk-comments-replyList-log--comment-with-deepest-replies-2"
-                  role="log"
+                  className="HTMLContent-root"
+                  dangerouslySetInnerHTML={
+                    Object {
+                      "__html": "body 0",
+                    }
+                  }
+                />
+                <div
+                  className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
+                >
+                  <button
+                    className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                    id="comments-commentContainer-replyButton-comment-with-deepest-replies"
+                    onBlur={[Function]}
+                    onClick={[Function]}
+                    onFocus={[Function]}
+                    onMouseDown={[Function]}
+                    onMouseOut={[Function]}
+                    onMouseOver={[Function]}
+                    onTouchEnd={[Function]}
+                    type="button"
+                  >
+                    <span>
+                      Reply
+                    </span>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="HorizontalGutter-root HorizontalGutter-full"
+            id="talk-comments-replyList-log--comment-with-deepest-replies"
+            role="log"
+          >
+            <div
+              className="HorizontalGutter-root HorizontalGutter-full"
+            >
+              <div
+                className="Indent-root"
+              >
+                <div
+                  className="Indent-level1"
                 >
                   <div
-                    className="HorizontalGutter-root HorizontalGutter-full"
+                    className="Comment-root"
+                    role="article"
                   >
                     <div
-                      className="Indent-root"
+                      className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
+                      id="comment-comment-with-deepest-replies-1"
                     >
                       <div
-                        className="Indent-level3"
+                        className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
                       >
-                        <div
-                          className="Comment-root"
-                          role="article"
+                        <span
+                          className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
                         >
-                          <div
-                            className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
-                            id="comment-comment-with-deepest-replies-3"
+                          Markus
+                        </span>
+                        <div
+                          className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
+                        >
+                          <time
+                            className="Timestamp-root RelativeTime-root"
+                            dateTime="2018-07-06T18:24:00.000Z"
+                            title="2018-07-06T18:24:00.000Z"
                           >
-                            <div
-                              className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
-                            >
-                              <span
-                                className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
-                              >
-                                Markus
-                              </span>
-                              <div
-                                className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
-                              >
-                                <time
-                                  className="Timestamp-root RelativeTime-root"
-                                  dateTime="2018-07-06T18:24:00.000Z"
-                                  title="2018-07-06T18:24:00.000Z"
-                                >
-                                  2018-07-06T18:24:00.000Z
-                                </time>
-                              </div>
-                            </div>
-                          </div>
-                          <div
-                            className="HTMLContent-root"
-                            dangerouslySetInnerHTML={
-                              Object {
-                                "__html": "body 3",
-                              }
-                            }
-                          />
-                          <div
-                            className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
-                          >
-                            <button
-                              className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
-                              id="comments-commentContainer-replyButton-comment-with-deepest-replies-3"
-                              onBlur={[Function]}
-                              onClick={[Function]}
-                              onFocus={[Function]}
-                              onMouseDown={[Function]}
-                              onMouseOut={[Function]}
-                              onMouseOver={[Function]}
-                              onTouchEnd={[Function]}
-                              type="button"
-                            >
-                              <span>
-                                Reply
-                              </span>
-                            </button>
-                          </div>
+                            2018-07-06T18:24:00.000Z
+                          </time>
                         </div>
                       </div>
                     </div>
                     <div
-                      className="HorizontalGutter-root HorizontalGutter-full"
-                      id="talk-comments-replyList-log--comment-with-deepest-replies-3"
-                      role="log"
+                      className="HTMLContent-root"
+                      dangerouslySetInnerHTML={
+                        Object {
+                          "__html": "body 1",
+                        }
+                      }
+                    />
+                    <div
+                      className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
+                    >
+                      <button
+                        className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                        id="comments-commentContainer-replyButton-comment-with-deepest-replies-1"
+                        onBlur={[Function]}
+                        onClick={[Function]}
+                        onFocus={[Function]}
+                        onMouseDown={[Function]}
+                        onMouseOut={[Function]}
+                        onMouseOver={[Function]}
+                        onTouchEnd={[Function]}
+                        type="button"
+                      >
+                        <span>
+                          Reply
+                        </span>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                className="HorizontalGutter-root HorizontalGutter-full"
+                id="talk-comments-replyList-log--comment-with-deepest-replies-1"
+                role="log"
+              >
+                <div
+                  className="HorizontalGutter-root HorizontalGutter-full"
+                >
+                  <div
+                    className="Indent-root"
+                  >
+                    <div
+                      className="Indent-level2"
                     >
                       <div
-                        className="HorizontalGutter-root HorizontalGutter-full"
+                        className="Comment-root"
+                        role="article"
                       >
                         <div
-                          className="Indent-root"
+                          className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
+                          id="comment-comment-with-deepest-replies-2"
                         >
                           <div
-                            className="Indent-level4"
+                            className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
                           >
-                            <div
-                              className="Comment-root"
-                              role="article"
+                            <span
+                              className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
                             >
-                              <div
-                                className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
-                                id="comment-comment-with-deepest-replies-4"
+                              Markus
+                            </span>
+                            <div
+                              className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
+                            >
+                              <time
+                                className="Timestamp-root RelativeTime-root"
+                                dateTime="2018-07-06T18:24:00.000Z"
+                                title="2018-07-06T18:24:00.000Z"
                               >
-                                <div
-                                  className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
-                                >
-                                  <span
-                                    className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
-                                  >
-                                    Markus
-                                  </span>
-                                  <div
-                                    className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
-                                  >
-                                    <time
-                                      className="Timestamp-root RelativeTime-root"
-                                      dateTime="2018-07-06T18:24:00.000Z"
-                                      title="2018-07-06T18:24:00.000Z"
-                                    >
-                                      2018-07-06T18:24:00.000Z
-                                    </time>
-                                  </div>
-                                </div>
-                              </div>
-                              <div
-                                className="HTMLContent-root"
-                                dangerouslySetInnerHTML={
-                                  Object {
-                                    "__html": "body 4",
-                                  }
-                                }
-                              />
-                              <div
-                                className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
-                              >
-                                <button
-                                  className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
-                                  id="comments-commentContainer-replyButton-comment-with-deepest-replies-4"
-                                  onBlur={[Function]}
-                                  onClick={[Function]}
-                                  onFocus={[Function]}
-                                  onMouseDown={[Function]}
-                                  onMouseOut={[Function]}
-                                  onMouseOver={[Function]}
-                                  onTouchEnd={[Function]}
-                                  type="button"
-                                >
-                                  <span>
-                                    Reply
-                                  </span>
-                                </button>
-                              </div>
+                                2018-07-06T18:24:00.000Z
+                              </time>
                             </div>
                           </div>
                         </div>
                         <div
-                          className="HorizontalGutter-root HorizontalGutter-full"
-                          id="talk-comments-replyList-log--comment-with-deepest-replies-4"
-                          role="log"
+                          className="HTMLContent-root"
+                          dangerouslySetInnerHTML={
+                            Object {
+                              "__html": "body 2",
+                            }
+                          }
+                        />
+                        <div
+                          className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
+                        >
+                          <button
+                            className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                            id="comments-commentContainer-replyButton-comment-with-deepest-replies-2"
+                            onBlur={[Function]}
+                            onClick={[Function]}
+                            onFocus={[Function]}
+                            onMouseDown={[Function]}
+                            onMouseOut={[Function]}
+                            onMouseOver={[Function]}
+                            onTouchEnd={[Function]}
+                            type="button"
+                          >
+                            <span>
+                              Reply
+                            </span>
+                          </button>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    className="HorizontalGutter-root HorizontalGutter-full"
+                    id="talk-comments-replyList-log--comment-with-deepest-replies-2"
+                    role="log"
+                  >
+                    <div
+                      className="HorizontalGutter-root HorizontalGutter-full"
+                    >
+                      <div
+                        className="Indent-root"
+                      >
+                        <div
+                          className="Indent-level3"
                         >
                           <div
-                            className="HorizontalGutter-root HorizontalGutter-full"
+                            className="Comment-root"
+                            role="article"
                           >
                             <div
-                              className="Indent-root"
+                              className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
+                              id="comment-comment-with-deepest-replies-3"
                             >
                               <div
-                                className="Indent-level5"
+                                className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
                               >
-                                <div
-                                  className="Comment-root"
-                                  role="article"
+                                <span
+                                  className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
                                 >
-                                  <div
-                                    className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
-                                    id="comment-comment-with-deepest-replies-5"
+                                  Markus
+                                </span>
+                                <div
+                                  className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
+                                >
+                                  <time
+                                    className="Timestamp-root RelativeTime-root"
+                                    dateTime="2018-07-06T18:24:00.000Z"
+                                    title="2018-07-06T18:24:00.000Z"
                                   >
-                                    <div
-                                      className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
-                                    >
-                                      <span
-                                        className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
-                                      >
-                                        Markus
-                                      </span>
-                                      <div
-                                        className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
-                                      >
-                                        <time
-                                          className="Timestamp-root RelativeTime-root"
-                                          dateTime="2018-07-06T18:24:00.000Z"
-                                          title="2018-07-06T18:24:00.000Z"
-                                        >
-                                          2018-07-06T18:24:00.000Z
-                                        </time>
-                                      </div>
-                                    </div>
-                                  </div>
-                                  <div
-                                    className="HTMLContent-root"
-                                    dangerouslySetInnerHTML={
-                                      Object {
-                                        "__html": "body 5",
-                                      }
-                                    }
-                                  />
-                                  <div
-                                    className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
-                                  >
-                                    <button
-                                      className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost Button-active"
-                                      id="comments-commentContainer-replyButton-comment-with-deepest-replies-5"
-                                      onBlur={[Function]}
-                                      onClick={[Function]}
-                                      onFocus={[Function]}
-                                      onMouseDown={[Function]}
-                                      onMouseOut={[Function]}
-                                      onMouseOver={[Function]}
-                                      onTouchEnd={[Function]}
-                                      type="button"
-                                    >
-                                      <span>
-                                        Reply
-                                      </span>
-                                    </button>
-                                  </div>
+                                    2018-07-06T18:24:00.000Z
+                                  </time>
                                 </div>
                               </div>
                             </div>
-                            <form
-                              autoComplete="off"
-                              id="comments-replyCommentForm-form-comment-with-deepest-replies-5"
-                              onSubmit={[Function]}
+                            <div
+                              className="HTMLContent-root"
+                              dangerouslySetInnerHTML={
+                                Object {
+                                  "__html": "body 3",
+                                }
+                              }
+                            />
+                            <div
+                              className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
+                            >
+                              <button
+                                className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                id="comments-commentContainer-replyButton-comment-with-deepest-replies-3"
+                                onBlur={[Function]}
+                                onClick={[Function]}
+                                onFocus={[Function]}
+                                onMouseDown={[Function]}
+                                onMouseOut={[Function]}
+                                onMouseOver={[Function]}
+                                onTouchEnd={[Function]}
+                                type="button"
+                              >
+                                <span>
+                                  Reply
+                                </span>
+                              </button>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <div
+                        className="HorizontalGutter-root HorizontalGutter-full"
+                        id="talk-comments-replyList-log--comment-with-deepest-replies-3"
+                        role="log"
+                      >
+                        <div
+                          className="HorizontalGutter-root HorizontalGutter-full"
+                        >
+                          <div
+                            className="Indent-root"
+                          >
+                            <div
+                              className="Indent-level4"
                             >
                               <div
-                                className="HorizontalGutter-root HorizontalGutter-full"
+                                className="Comment-root"
+                                role="article"
                               >
-                                <div>
-                                  <label
-                                    className="AriaInfo-root"
-                                    htmlFor="comments-replyCommentForm-rte-comment-with-deepest-replies-5"
+                                <div
+                                  className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
+                                  id="comment-comment-with-deepest-replies-4"
+                                >
+                                  <div
+                                    className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
                                   >
-                                    Write a reply
-                                  </label>
-                                  <div>
-                                    <div
-                                      className=""
+                                    <span
+                                      className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
                                     >
-                                      <div
-                                        className="Toolbar-toolbar"
+                                      Markus
+                                    </span>
+                                    <div
+                                      className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
+                                    >
+                                      <time
+                                        className="Timestamp-root RelativeTime-root"
+                                        dateTime="2018-07-06T18:24:00.000Z"
+                                        title="2018-07-06T18:24:00.000Z"
                                       >
-                                        <button
-                                          className="Button-button"
-                                          disabled={false}
-                                          onClick={[Function]}
-                                          title="Bold"
-                                          type="button"
-                                        >
-                                          <span
-                                            aria-hidden="true"
-                                            className="Icon-root Icon-md"
-                                          >
-                                            format_bold
-                                          </span>
-                                        </button>
-                                        <button
-                                          className="Button-button"
-                                          disabled={false}
-                                          onClick={[Function]}
-                                          title="Italic"
-                                          type="button"
-                                        >
-                                          <span
-                                            aria-hidden="true"
-                                            className="Icon-root Icon-md"
-                                          >
-                                            format_italic
-                                          </span>
-                                        </button>
-                                        <button
-                                          className="Button-button"
-                                          disabled={false}
-                                          onClick={[Function]}
-                                          title="Blockquote"
-                                          type="button"
-                                        >
-                                          <span
-                                            aria-hidden="true"
-                                            className="Icon-root Icon-md"
-                                          >
-                                            format_quote
-                                          </span>
-                                        </button>
-                                      </div>
-                                      <div
-                                        aria-hidden="true"
-                                        className="RTE-placeholder RTE-placeholder"
-                                      >
-                                        Write a reply
-                                      </div>
-                                      <div
-                                        aria-placeholder="Write a reply"
-                                        className="RTE-contentEditable RTE-content"
-                                        contentEditable={true}
-                                        dangerouslySetInnerHTML={
-                                          Object {
-                                            "__html": "",
-                                          }
-                                        }
-                                        disabled={false}
-                                        id="comments-replyCommentForm-rte-comment-with-deepest-replies-5"
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onCut={[Function]}
-                                        onFocus={[Function]}
-                                        onInput={[Function]}
-                                        onKeyDown={[Function]}
-                                        onPaste={[Function]}
-                                        onSelect={[Function]}
-                                      />
+                                        2018-07-06T18:24:00.000Z
+                                      </time>
                                     </div>
                                   </div>
                                 </div>
                                 <div
-                                  className="Flex-root Flex-flex Flex-halfItemGutter Flex-justifyFlexEnd Flex-directionRow"
+                                  className="HTMLContent-root"
+                                  dangerouslySetInnerHTML={
+                                    Object {
+                                      "__html": "body 4",
+                                    }
+                                  }
+                                />
+                                <div
+                                  className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
                                 >
                                   <button
-                                    className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantOutlined"
-                                    disabled={false}
+                                    className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                    id="comments-commentContainer-replyButton-comment-with-deepest-replies-4"
                                     onBlur={[Function]}
                                     onClick={[Function]}
                                     onFocus={[Function]}
@@ -732,24 +596,216 @@ exports[`post a reply: open reply form 1`] = `
                                     onTouchEnd={[Function]}
                                     type="button"
                                   >
-                                    Cancel
-                                  </button>
-                                  <button
-                                    className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled Button-disabled"
-                                    disabled={true}
-                                    onBlur={[Function]}
-                                    onFocus={[Function]}
-                                    onMouseDown={[Function]}
-                                    onMouseOut={[Function]}
-                                    onMouseOver={[Function]}
-                                    onTouchEnd={[Function]}
-                                    type="submit"
-                                  >
-                                    Submit
+                                    <span>
+                                      Reply
+                                    </span>
                                   </button>
                                 </div>
                               </div>
-                            </form>
+                            </div>
+                          </div>
+                          <div
+                            className="HorizontalGutter-root HorizontalGutter-full"
+                            id="talk-comments-replyList-log--comment-with-deepest-replies-4"
+                            role="log"
+                          >
+                            <div
+                              className="HorizontalGutter-root HorizontalGutter-full"
+                            >
+                              <div
+                                className="Indent-root"
+                              >
+                                <div
+                                  className="Indent-level5"
+                                >
+                                  <div
+                                    className="Comment-root"
+                                    role="article"
+                                  >
+                                    <div
+                                      className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
+                                      id="comment-comment-with-deepest-replies-5"
+                                    >
+                                      <div
+                                        className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
+                                      >
+                                        <span
+                                          className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
+                                        >
+                                          Markus
+                                        </span>
+                                        <div
+                                          className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
+                                        >
+                                          <time
+                                            className="Timestamp-root RelativeTime-root"
+                                            dateTime="2018-07-06T18:24:00.000Z"
+                                            title="2018-07-06T18:24:00.000Z"
+                                          >
+                                            2018-07-06T18:24:00.000Z
+                                          </time>
+                                        </div>
+                                      </div>
+                                    </div>
+                                    <div
+                                      className="HTMLContent-root"
+                                      dangerouslySetInnerHTML={
+                                        Object {
+                                          "__html": "body 5",
+                                        }
+                                      }
+                                    />
+                                    <div
+                                      className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
+                                    >
+                                      <button
+                                        className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost Button-active"
+                                        id="comments-commentContainer-replyButton-comment-with-deepest-replies-5"
+                                        onBlur={[Function]}
+                                        onClick={[Function]}
+                                        onFocus={[Function]}
+                                        onMouseDown={[Function]}
+                                        onMouseOut={[Function]}
+                                        onMouseOver={[Function]}
+                                        onTouchEnd={[Function]}
+                                        type="button"
+                                      >
+                                        <span>
+                                          Reply
+                                        </span>
+                                      </button>
+                                    </div>
+                                  </div>
+                                </div>
+                              </div>
+                              <form
+                                autoComplete="off"
+                                id="comments-replyCommentForm-form-comment-with-deepest-replies-5"
+                                onSubmit={[Function]}
+                              >
+                                <div
+                                  className="HorizontalGutter-root HorizontalGutter-full"
+                                >
+                                  <div>
+                                    <label
+                                      className="AriaInfo-root"
+                                      htmlFor="comments-replyCommentForm-rte-comment-with-deepest-replies-5"
+                                    >
+                                      Write a reply
+                                    </label>
+                                    <div>
+                                      <div
+                                        className=""
+                                      >
+                                        <div
+                                          className="Toolbar-toolbar"
+                                        >
+                                          <button
+                                            className="Button-button"
+                                            disabled={false}
+                                            onClick={[Function]}
+                                            title="Bold"
+                                            type="button"
+                                          >
+                                            <span
+                                              aria-hidden="true"
+                                              className="Icon-root Icon-md"
+                                            >
+                                              format_bold
+                                            </span>
+                                          </button>
+                                          <button
+                                            className="Button-button"
+                                            disabled={false}
+                                            onClick={[Function]}
+                                            title="Italic"
+                                            type="button"
+                                          >
+                                            <span
+                                              aria-hidden="true"
+                                              className="Icon-root Icon-md"
+                                            >
+                                              format_italic
+                                            </span>
+                                          </button>
+                                          <button
+                                            className="Button-button"
+                                            disabled={false}
+                                            onClick={[Function]}
+                                            title="Blockquote"
+                                            type="button"
+                                          >
+                                            <span
+                                              aria-hidden="true"
+                                              className="Icon-root Icon-md"
+                                            >
+                                              format_quote
+                                            </span>
+                                          </button>
+                                        </div>
+                                        <div
+                                          aria-hidden="true"
+                                          className="RTE-placeholder RTE-placeholder"
+                                        >
+                                          Write a reply
+                                        </div>
+                                        <div
+                                          aria-placeholder="Write a reply"
+                                          className="RTE-contentEditable RTE-content"
+                                          contentEditable={true}
+                                          dangerouslySetInnerHTML={
+                                            Object {
+                                              "__html": "",
+                                            }
+                                          }
+                                          disabled={false}
+                                          id="comments-replyCommentForm-rte-comment-with-deepest-replies-5"
+                                          onBlur={[Function]}
+                                          onChange={[Function]}
+                                          onCut={[Function]}
+                                          onFocus={[Function]}
+                                          onInput={[Function]}
+                                          onKeyDown={[Function]}
+                                          onPaste={[Function]}
+                                          onSelect={[Function]}
+                                        />
+                                      </div>
+                                    </div>
+                                  </div>
+                                  <div
+                                    className="Flex-root Flex-flex Flex-halfItemGutter Flex-justifyFlexEnd Flex-directionRow"
+                                  >
+                                    <button
+                                      className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantOutlined"
+                                      disabled={false}
+                                      onBlur={[Function]}
+                                      onClick={[Function]}
+                                      onFocus={[Function]}
+                                      onMouseDown={[Function]}
+                                      onMouseOut={[Function]}
+                                      onMouseOver={[Function]}
+                                      onTouchEnd={[Function]}
+                                      type="button"
+                                    >
+                                      Cancel
+                                    </button>
+                                    <button
+                                      className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled Button-disabled"
+                                      disabled={true}
+                                      onBlur={[Function]}
+                                      onFocus={[Function]}
+                                      onMouseDown={[Function]}
+                                      onMouseOut={[Function]}
+                                      onMouseOver={[Function]}
+                                      onTouchEnd={[Function]}
+                                      type="submit"
+                                    >
+                                      Submit
+                                    </button>
+                                  </div>
+                                </div>
+                              </form>
+                            </div>
                           </div>
                         </div>
                       </div>
@@ -762,727 +818,597 @@ exports[`post a reply: open reply form 1`] = `
         </div>
       </div>
     </div>
-  </div>
+  </section>
 </div>
 `;
 
 exports[`post a reply: optimistic response 1`] = `
 <div
-  className="Flex-root App-root Flex-flex Flex-justifyCenter"
+  className="HorizontalGutter-root App-root HorizontalGutter-full"
 >
-  <div
-    className="HorizontalGutter-root Stream-root HorizontalGutter-double"
+  <ul
+    className="TabBar-root TabBar-primary"
+    role="tablist"
+  >
+    <li
+      className="Tab-root"
+      id="tab-COMMENTS"
+      role="presentation"
+    >
+      <button
+        aria-controls="tabPane-COMMENTS"
+        aria-selected={true}
+        className="BaseButton-root Tab-button Tab-primary Tab-active"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onMouseDown={[Function]}
+        onMouseOut={[Function]}
+        onMouseOver={[Function]}
+        onTouchEnd={[Function]}
+        role="tab"
+        type="button"
+      >
+        Comments
+      </button>
+    </li>
+    <li
+      className="Tab-root"
+      id="tab-PROFILE"
+      role="presentation"
+    >
+      <button
+        aria-controls="tabPane-PROFILE"
+        aria-selected={false}
+        className="BaseButton-root Tab-button Tab-primary"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onMouseDown={[Function]}
+        onMouseOut={[Function]}
+        onMouseOver={[Function]}
+        onTouchEnd={[Function]}
+        role="tab"
+        type="button"
+      >
+        My Profile
+      </button>
+    </li>
+  </ul>
+  <section
+    aria-labelledby="tab-COMMENTS"
+    className="App-tabContent"
+    id="tabPane-COMMENTS"
+    role="tabpanel"
   >
     <div
-      className="HorizontalGutter-root HorizontalGutter-half"
+      className="HorizontalGutter-root Stream-root HorizontalGutter-double"
     >
       <div
-        className="Flex-root"
+        className="HorizontalGutter-root HorizontalGutter-half"
       >
         <div
-          className="Flex-flex Flex-halfItemGutter Flex-wrap"
+          className="Flex-root"
         >
           <div
-            className="Typography-root Typography-bodyCopy Typography-colorTextPrimary"
-          >
-            Signed in as 
-            <span
-              className="Typography-root Typography-bodyCopyBold Typography-colorTextPrimary"
-            >
-              Markus
-            </span>
-            .
-          </div>
-          <div
-            className="Flex-root Typography-root Typography-bodyCopy Typography-colorTextPrimary Flex-flex"
-          >
-            <span>
-              Not you? 
-            </span>
-            <button
-              className="BaseButton-root Button-root Button-sizeSmall Button-colorPrimary Button-variantUnderlined"
-              onBlur={[Function]}
-              onClick={[Function]}
-              onFocus={[Function]}
-              onMouseDown={[Function]}
-              onMouseOut={[Function]}
-              onMouseOver={[Function]}
-              onTouchEnd={[Function]}
-              type="button"
-            >
-              Sign Out
-            </button>
-          </div>
-        </div>
-      </div>
-      <form
-        autoComplete="off"
-        className="PostCommentForm-root"
-        id="comments-postCommentForm-form"
-        onSubmit={[Function]}
-      >
-        <div
-          className="HorizontalGutter-root HorizontalGutter-full"
-        >
-          <div>
-            <label
-              className="AriaInfo-root"
-              htmlFor="comments-postCommentForm-field"
-            >
-              Post a comment
-            </label>
-            <div>
-              <div
-                className=""
-              >
-                <div
-                  className="Toolbar-toolbar"
-                >
-                  <button
-                    className="Button-button"
-                    disabled={false}
-                    onClick={[Function]}
-                    title="Bold"
-                    type="button"
-                  >
-                    <span
-                      aria-hidden="true"
-                      className="Icon-root Icon-md"
-                    >
-                      format_bold
-                    </span>
-                  </button>
-                  <button
-                    className="Button-button"
-                    disabled={false}
-                    onClick={[Function]}
-                    title="Italic"
-                    type="button"
-                  >
-                    <span
-                      aria-hidden="true"
-                      className="Icon-root Icon-md"
-                    >
-                      format_italic
-                    </span>
-                  </button>
-                  <button
-                    className="Button-button"
-                    disabled={false}
-                    onClick={[Function]}
-                    title="Blockquote"
-                    type="button"
-                  >
-                    <span
-                      aria-hidden="true"
-                      className="Icon-root Icon-md"
-                    >
-                      format_quote
-                    </span>
-                  </button>
-                </div>
-                <div
-                  aria-hidden="true"
-                  className="RTE-placeholder RTE-placeholder"
-                >
-                  Post a comment
-                </div>
-                <div
-                  aria-placeholder="Post a comment"
-                  className="RTE-contentEditable RTE-content"
-                  contentEditable={true}
-                  dangerouslySetInnerHTML={
-                    Object {
-                      "__html": "",
-                    }
-                  }
-                  disabled={false}
-                  id="comments-postCommentForm-field"
-                  onBlur={[Function]}
-                  onChange={[Function]}
-                  onCut={[Function]}
-                  onFocus={[Function]}
-                  onInput={[Function]}
-                  onKeyDown={[Function]}
-                  onPaste={[Function]}
-                  onSelect={[Function]}
-                />
-              </div>
-            </div>
-          </div>
-          <div
-            className="Flex-root Flex-flex Flex-justifySpaceBetween Flex-alignFlexStart Flex-directionRow"
+            className="Flex-flex Flex-halfItemGutter Flex-wrap"
           >
             <div
-              className="PostCommentForm-poweredBy"
+              className="Typography-root Typography-bodyCopy Typography-colorTextPrimary"
             >
+              Signed in as 
               <span
-                className="Typography-root Typography-detail Typography-colorTextSecondary"
+                className="Typography-root Typography-bodyCopyBold Typography-colorTextPrimary"
               >
-                Powered by 
-                <span
-                  className="Typography-root Typography-heading4 Typography-colorTextPrimary"
-                >
-                  ⁨The Coral Project⁩
-                </span>
+                Markus
               </span>
+              .
             </div>
-            <button
-              className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled Button-disabled"
-              disabled={true}
-              onBlur={[Function]}
-              onFocus={[Function]}
-              onMouseDown={[Function]}
-              onMouseOut={[Function]}
-              onMouseOver={[Function]}
-              onTouchEnd={[Function]}
-              type="submit"
-            >
-              Submit
-            </button>
-          </div>
-        </div>
-      </form>
-    </div>
-    <div
-      aria-live="polite"
-      className="HorizontalGutter-root HorizontalGutter-full"
-      id="talk-comments-stream-log"
-      role="log"
-    >
-      <div
-        className="HorizontalGutter-root HorizontalGutter-full"
-      >
-        <div
-          className="Indent-root"
-        >
-          <div
-            className=""
-          >
             <div
-              className="Comment-root"
-              role="article"
+              className="Flex-root Typography-root Typography-bodyCopy Typography-colorTextPrimary Flex-flex"
             >
-              <div
-                className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
-                id="comment-comment-with-deepest-replies"
+              <span>
+                Not you? 
+              </span>
+              <button
+                className="BaseButton-root Button-root Button-sizeSmall Button-colorPrimary Button-variantUnderlined"
+                onBlur={[Function]}
+                onClick={[Function]}
+                onFocus={[Function]}
+                onMouseDown={[Function]}
+                onMouseOut={[Function]}
+                onMouseOver={[Function]}
+                onTouchEnd={[Function]}
+                type="button"
               >
-                <div
-                  className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
-                >
-                  <span
-                    className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
-                  >
-                    Markus
-                  </span>
-                  <div
-                    className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
-                  >
-                    <time
-                      className="Timestamp-root RelativeTime-root"
-                      dateTime="2018-07-06T18:24:00.000Z"
-                      title="2018-07-06T18:24:00.000Z"
-                    >
-                      2018-07-06T18:24:00.000Z
-                    </time>
-                  </div>
-                </div>
-              </div>
-              <div
-                className="HTMLContent-root"
-                dangerouslySetInnerHTML={
-                  Object {
-                    "__html": "body 0",
-                  }
-                }
-              />
-              <div
-                className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
-              >
-                <button
-                  className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
-                  id="comments-commentContainer-replyButton-comment-with-deepest-replies"
-                  onBlur={[Function]}
-                  onClick={[Function]}
-                  onFocus={[Function]}
-                  onMouseDown={[Function]}
-                  onMouseOut={[Function]}
-                  onMouseOver={[Function]}
-                  onTouchEnd={[Function]}
-                  type="button"
-                >
-                  <span>
-                    Reply
-                  </span>
-                </button>
-              </div>
+                Sign Out
+              </button>
             </div>
           </div>
         </div>
-        <div
-          className="HorizontalGutter-root HorizontalGutter-full"
-          id="talk-comments-replyList-log--comment-with-deepest-replies"
-          role="log"
+        <form
+          autoComplete="off"
+          className="PostCommentForm-root"
+          id="comments-postCommentForm-form"
+          onSubmit={[Function]}
         >
           <div
             className="HorizontalGutter-root HorizontalGutter-full"
           >
-            <div
-              className="Indent-root"
-            >
-              <div
-                className="Indent-level1"
+            <div>
+              <label
+                className="AriaInfo-root"
+                htmlFor="comments-postCommentForm-field"
               >
+                Post a comment
+              </label>
+              <div>
                 <div
-                  className="Comment-root"
-                  role="article"
+                  className=""
                 >
                   <div
-                    className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
-                    id="comment-comment-with-deepest-replies-1"
-                  >
-                    <div
-                      className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
-                    >
-                      <span
-                        className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
-                      >
-                        Markus
-                      </span>
-                      <div
-                        className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
-                      >
-                        <time
-                          className="Timestamp-root RelativeTime-root"
-                          dateTime="2018-07-06T18:24:00.000Z"
-                          title="2018-07-06T18:24:00.000Z"
-                        >
-                          2018-07-06T18:24:00.000Z
-                        </time>
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    className="HTMLContent-root"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": "body 1",
-                      }
-                    }
-                  />
-                  <div
-                    className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
+                    className="Toolbar-toolbar"
                   >
                     <button
-                      className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
-                      id="comments-commentContainer-replyButton-comment-with-deepest-replies-1"
-                      onBlur={[Function]}
+                      className="Button-button"
+                      disabled={false}
                       onClick={[Function]}
-                      onFocus={[Function]}
-                      onMouseDown={[Function]}
-                      onMouseOut={[Function]}
-                      onMouseOver={[Function]}
-                      onTouchEnd={[Function]}
+                      title="Bold"
                       type="button"
                     >
-                      <span>
-                        Reply
+                      <span
+                        aria-hidden="true"
+                        className="Icon-root Icon-md"
+                      >
+                        format_bold
+                      </span>
+                    </button>
+                    <button
+                      className="Button-button"
+                      disabled={false}
+                      onClick={[Function]}
+                      title="Italic"
+                      type="button"
+                    >
+                      <span
+                        aria-hidden="true"
+                        className="Icon-root Icon-md"
+                      >
+                        format_italic
+                      </span>
+                    </button>
+                    <button
+                      className="Button-button"
+                      disabled={false}
+                      onClick={[Function]}
+                      title="Blockquote"
+                      type="button"
+                    >
+                      <span
+                        aria-hidden="true"
+                        className="Icon-root Icon-md"
+                      >
+                        format_quote
                       </span>
                     </button>
                   </div>
+                  <div
+                    aria-hidden="true"
+                    className="RTE-placeholder RTE-placeholder"
+                  >
+                    Post a comment
+                  </div>
+                  <div
+                    aria-placeholder="Post a comment"
+                    className="RTE-contentEditable RTE-content"
+                    contentEditable={true}
+                    dangerouslySetInnerHTML={
+                      Object {
+                        "__html": "",
+                      }
+                    }
+                    disabled={false}
+                    id="comments-postCommentForm-field"
+                    onBlur={[Function]}
+                    onChange={[Function]}
+                    onCut={[Function]}
+                    onFocus={[Function]}
+                    onInput={[Function]}
+                    onKeyDown={[Function]}
+                    onPaste={[Function]}
+                    onSelect={[Function]}
+                  />
                 </div>
               </div>
             </div>
             <div
-              className="HorizontalGutter-root HorizontalGutter-full"
-              id="talk-comments-replyList-log--comment-with-deepest-replies-1"
-              role="log"
+              className="Flex-root Flex-flex Flex-justifySpaceBetween Flex-alignFlexStart Flex-directionRow"
             >
               <div
-                className="HorizontalGutter-root HorizontalGutter-full"
+                className="PostCommentForm-poweredBy"
+              >
+                <span
+                  className="Typography-root Typography-detail Typography-colorTextSecondary"
+                >
+                  Powered by 
+                  <span
+                    className="Typography-root Typography-heading4 Typography-colorTextPrimary"
+                  >
+                    ⁨The Coral Project⁩
+                  </span>
+                </span>
+              </div>
+              <button
+                className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled Button-disabled"
+                disabled={true}
+                onBlur={[Function]}
+                onFocus={[Function]}
+                onMouseDown={[Function]}
+                onMouseOut={[Function]}
+                onMouseOver={[Function]}
+                onTouchEnd={[Function]}
+                type="submit"
+              >
+                Submit
+              </button>
+            </div>
+          </div>
+        </form>
+      </div>
+      <div
+        aria-live="polite"
+        className="HorizontalGutter-root HorizontalGutter-full"
+        id="talk-comments-stream-log"
+        role="log"
+      >
+        <div
+          className="HorizontalGutter-root HorizontalGutter-full"
+        >
+          <div
+            className="Indent-root"
+          >
+            <div
+              className=""
+            >
+              <div
+                className="Comment-root"
+                role="article"
               >
                 <div
-                  className="Indent-root"
+                  className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
+                  id="comment-comment-with-deepest-replies"
                 >
                   <div
-                    className="Indent-level2"
+                    className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
                   >
-                    <div
-                      className="Comment-root"
-                      role="article"
+                    <span
+                      className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
                     >
-                      <div
-                        className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
-                        id="comment-comment-with-deepest-replies-2"
+                      Markus
+                    </span>
+                    <div
+                      className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
+                    >
+                      <time
+                        className="Timestamp-root RelativeTime-root"
+                        dateTime="2018-07-06T18:24:00.000Z"
+                        title="2018-07-06T18:24:00.000Z"
                       >
-                        <div
-                          className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
-                        >
-                          <span
-                            className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
-                          >
-                            Markus
-                          </span>
-                          <div
-                            className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
-                          >
-                            <time
-                              className="Timestamp-root RelativeTime-root"
-                              dateTime="2018-07-06T18:24:00.000Z"
-                              title="2018-07-06T18:24:00.000Z"
-                            >
-                              2018-07-06T18:24:00.000Z
-                            </time>
-                          </div>
-                        </div>
-                      </div>
-                      <div
-                        className="HTMLContent-root"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": "body 2",
-                          }
-                        }
-                      />
-                      <div
-                        className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
-                      >
-                        <button
-                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
-                          id="comments-commentContainer-replyButton-comment-with-deepest-replies-2"
-                          onBlur={[Function]}
-                          onClick={[Function]}
-                          onFocus={[Function]}
-                          onMouseDown={[Function]}
-                          onMouseOut={[Function]}
-                          onMouseOver={[Function]}
-                          onTouchEnd={[Function]}
-                          type="button"
-                        >
-                          <span>
-                            Reply
-                          </span>
-                        </button>
-                      </div>
+                        2018-07-06T18:24:00.000Z
+                      </time>
                     </div>
                   </div>
                 </div>
                 <div
-                  className="HorizontalGutter-root HorizontalGutter-full"
-                  id="talk-comments-replyList-log--comment-with-deepest-replies-2"
-                  role="log"
+                  className="HTMLContent-root"
+                  dangerouslySetInnerHTML={
+                    Object {
+                      "__html": "body 0",
+                    }
+                  }
+                />
+                <div
+                  className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
+                >
+                  <button
+                    className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                    id="comments-commentContainer-replyButton-comment-with-deepest-replies"
+                    onBlur={[Function]}
+                    onClick={[Function]}
+                    onFocus={[Function]}
+                    onMouseDown={[Function]}
+                    onMouseOut={[Function]}
+                    onMouseOver={[Function]}
+                    onTouchEnd={[Function]}
+                    type="button"
+                  >
+                    <span>
+                      Reply
+                    </span>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="HorizontalGutter-root HorizontalGutter-full"
+            id="talk-comments-replyList-log--comment-with-deepest-replies"
+            role="log"
+          >
+            <div
+              className="HorizontalGutter-root HorizontalGutter-full"
+            >
+              <div
+                className="Indent-root"
+              >
+                <div
+                  className="Indent-level1"
                 >
                   <div
-                    className="HorizontalGutter-root HorizontalGutter-full"
+                    className="Comment-root"
+                    role="article"
                   >
                     <div
-                      className="Indent-root"
+                      className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
+                      id="comment-comment-with-deepest-replies-1"
                     >
                       <div
-                        className="Indent-level3"
+                        className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
                       >
-                        <div
-                          className="Comment-root"
-                          role="article"
+                        <span
+                          className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
                         >
-                          <div
-                            className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
-                            id="comment-comment-with-deepest-replies-3"
+                          Markus
+                        </span>
+                        <div
+                          className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
+                        >
+                          <time
+                            className="Timestamp-root RelativeTime-root"
+                            dateTime="2018-07-06T18:24:00.000Z"
+                            title="2018-07-06T18:24:00.000Z"
                           >
-                            <div
-                              className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
-                            >
-                              <span
-                                className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
-                              >
-                                Markus
-                              </span>
-                              <div
-                                className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
-                              >
-                                <time
-                                  className="Timestamp-root RelativeTime-root"
-                                  dateTime="2018-07-06T18:24:00.000Z"
-                                  title="2018-07-06T18:24:00.000Z"
-                                >
-                                  2018-07-06T18:24:00.000Z
-                                </time>
-                              </div>
-                            </div>
-                          </div>
-                          <div
-                            className="HTMLContent-root"
-                            dangerouslySetInnerHTML={
-                              Object {
-                                "__html": "body 3",
-                              }
-                            }
-                          />
-                          <div
-                            className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
-                          >
-                            <button
-                              className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
-                              id="comments-commentContainer-replyButton-comment-with-deepest-replies-3"
-                              onBlur={[Function]}
-                              onClick={[Function]}
-                              onFocus={[Function]}
-                              onMouseDown={[Function]}
-                              onMouseOut={[Function]}
-                              onMouseOver={[Function]}
-                              onTouchEnd={[Function]}
-                              type="button"
-                            >
-                              <span>
-                                Reply
-                              </span>
-                            </button>
-                          </div>
+                            2018-07-06T18:24:00.000Z
+                          </time>
                         </div>
                       </div>
                     </div>
                     <div
-                      className="HorizontalGutter-root HorizontalGutter-full"
-                      id="talk-comments-replyList-log--comment-with-deepest-replies-3"
-                      role="log"
+                      className="HTMLContent-root"
+                      dangerouslySetInnerHTML={
+                        Object {
+                          "__html": "body 1",
+                        }
+                      }
+                    />
+                    <div
+                      className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
+                    >
+                      <button
+                        className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                        id="comments-commentContainer-replyButton-comment-with-deepest-replies-1"
+                        onBlur={[Function]}
+                        onClick={[Function]}
+                        onFocus={[Function]}
+                        onMouseDown={[Function]}
+                        onMouseOut={[Function]}
+                        onMouseOver={[Function]}
+                        onTouchEnd={[Function]}
+                        type="button"
+                      >
+                        <span>
+                          Reply
+                        </span>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                className="HorizontalGutter-root HorizontalGutter-full"
+                id="talk-comments-replyList-log--comment-with-deepest-replies-1"
+                role="log"
+              >
+                <div
+                  className="HorizontalGutter-root HorizontalGutter-full"
+                >
+                  <div
+                    className="Indent-root"
+                  >
+                    <div
+                      className="Indent-level2"
                     >
                       <div
-                        className="HorizontalGutter-root HorizontalGutter-full"
+                        className="Comment-root"
+                        role="article"
                       >
                         <div
-                          className="Indent-root"
+                          className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
+                          id="comment-comment-with-deepest-replies-2"
                         >
                           <div
-                            className="Indent-level4"
+                            className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
                           >
-                            <div
-                              className="Comment-root"
-                              role="article"
+                            <span
+                              className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
                             >
-                              <div
-                                className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
-                                id="comment-comment-with-deepest-replies-4"
+                              Markus
+                            </span>
+                            <div
+                              className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
+                            >
+                              <time
+                                className="Timestamp-root RelativeTime-root"
+                                dateTime="2018-07-06T18:24:00.000Z"
+                                title="2018-07-06T18:24:00.000Z"
                               >
-                                <div
-                                  className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
-                                >
-                                  <span
-                                    className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
-                                  >
-                                    Markus
-                                  </span>
-                                  <div
-                                    className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
-                                  >
-                                    <time
-                                      className="Timestamp-root RelativeTime-root"
-                                      dateTime="2018-07-06T18:24:00.000Z"
-                                      title="2018-07-06T18:24:00.000Z"
-                                    >
-                                      2018-07-06T18:24:00.000Z
-                                    </time>
-                                  </div>
-                                </div>
-                              </div>
-                              <div
-                                className="HTMLContent-root"
-                                dangerouslySetInnerHTML={
-                                  Object {
-                                    "__html": "body 4",
-                                  }
-                                }
-                              />
-                              <div
-                                className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
-                              >
-                                <button
-                                  className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
-                                  id="comments-commentContainer-replyButton-comment-with-deepest-replies-4"
-                                  onBlur={[Function]}
-                                  onClick={[Function]}
-                                  onFocus={[Function]}
-                                  onMouseDown={[Function]}
-                                  onMouseOut={[Function]}
-                                  onMouseOver={[Function]}
-                                  onTouchEnd={[Function]}
-                                  type="button"
-                                >
-                                  <span>
-                                    Reply
-                                  </span>
-                                </button>
-                              </div>
+                                2018-07-06T18:24:00.000Z
+                              </time>
                             </div>
                           </div>
                         </div>
                         <div
-                          className="HorizontalGutter-root HorizontalGutter-full"
-                          id="talk-comments-replyList-log--comment-with-deepest-replies-4"
-                          role="log"
+                          className="HTMLContent-root"
+                          dangerouslySetInnerHTML={
+                            Object {
+                              "__html": "body 2",
+                            }
+                          }
+                        />
+                        <div
+                          className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
+                        >
+                          <button
+                            className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                            id="comments-commentContainer-replyButton-comment-with-deepest-replies-2"
+                            onBlur={[Function]}
+                            onClick={[Function]}
+                            onFocus={[Function]}
+                            onMouseDown={[Function]}
+                            onMouseOut={[Function]}
+                            onMouseOver={[Function]}
+                            onTouchEnd={[Function]}
+                            type="button"
+                          >
+                            <span>
+                              Reply
+                            </span>
+                          </button>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    className="HorizontalGutter-root HorizontalGutter-full"
+                    id="talk-comments-replyList-log--comment-with-deepest-replies-2"
+                    role="log"
+                  >
+                    <div
+                      className="HorizontalGutter-root HorizontalGutter-full"
+                    >
+                      <div
+                        className="Indent-root"
+                      >
+                        <div
+                          className="Indent-level3"
                         >
                           <div
-                            className="HorizontalGutter-root HorizontalGutter-full"
+                            className="Comment-root"
+                            role="article"
                           >
                             <div
-                              className="Indent-root"
+                              className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
+                              id="comment-comment-with-deepest-replies-3"
                             >
                               <div
-                                className="Indent-level5"
+                                className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
                               >
-                                <div
-                                  className="Comment-root"
-                                  role="article"
+                                <span
+                                  className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
                                 >
-                                  <div
-                                    className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
-                                    id="comment-comment-with-deepest-replies-5"
+                                  Markus
+                                </span>
+                                <div
+                                  className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
+                                >
+                                  <time
+                                    className="Timestamp-root RelativeTime-root"
+                                    dateTime="2018-07-06T18:24:00.000Z"
+                                    title="2018-07-06T18:24:00.000Z"
                                   >
-                                    <div
-                                      className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
-                                    >
-                                      <span
-                                        className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
-                                      >
-                                        Markus
-                                      </span>
-                                      <div
-                                        className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
-                                      >
-                                        <time
-                                          className="Timestamp-root RelativeTime-root"
-                                          dateTime="2018-07-06T18:24:00.000Z"
-                                          title="2018-07-06T18:24:00.000Z"
-                                        >
-                                          2018-07-06T18:24:00.000Z
-                                        </time>
-                                      </div>
-                                    </div>
-                                  </div>
-                                  <div
-                                    className="HTMLContent-root"
-                                    dangerouslySetInnerHTML={
-                                      Object {
-                                        "__html": "body 5",
-                                      }
-                                    }
-                                  />
-                                  <div
-                                    className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
-                                  >
-                                    <button
-                                      className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost Button-active"
-                                      id="comments-commentContainer-replyButton-comment-with-deepest-replies-5"
-                                      onBlur={[Function]}
-                                      onClick={[Function]}
-                                      onFocus={[Function]}
-                                      onMouseDown={[Function]}
-                                      onMouseOut={[Function]}
-                                      onMouseOver={[Function]}
-                                      onTouchEnd={[Function]}
-                                      type="button"
-                                    >
-                                      <span>
-                                        Reply
-                                      </span>
-                                    </button>
-                                  </div>
+                                    2018-07-06T18:24:00.000Z
+                                  </time>
                                 </div>
                               </div>
                             </div>
-                            <form
-                              autoComplete="off"
-                              id="comments-replyCommentForm-form-comment-with-deepest-replies-5"
-                              onSubmit={[Function]}
+                            <div
+                              className="HTMLContent-root"
+                              dangerouslySetInnerHTML={
+                                Object {
+                                  "__html": "body 3",
+                                }
+                              }
+                            />
+                            <div
+                              className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
+                            >
+                              <button
+                                className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                id="comments-commentContainer-replyButton-comment-with-deepest-replies-3"
+                                onBlur={[Function]}
+                                onClick={[Function]}
+                                onFocus={[Function]}
+                                onMouseDown={[Function]}
+                                onMouseOut={[Function]}
+                                onMouseOver={[Function]}
+                                onTouchEnd={[Function]}
+                                type="button"
+                              >
+                                <span>
+                                  Reply
+                                </span>
+                              </button>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <div
+                        className="HorizontalGutter-root HorizontalGutter-full"
+                        id="talk-comments-replyList-log--comment-with-deepest-replies-3"
+                        role="log"
+                      >
+                        <div
+                          className="HorizontalGutter-root HorizontalGutter-full"
+                        >
+                          <div
+                            className="Indent-root"
+                          >
+                            <div
+                              className="Indent-level4"
                             >
                               <div
-                                className="HorizontalGutter-root HorizontalGutter-full"
+                                className="Comment-root"
+                                role="article"
                               >
-                                <div>
-                                  <label
-                                    className="AriaInfo-root"
-                                    htmlFor="comments-replyCommentForm-rte-comment-with-deepest-replies-5"
+                                <div
+                                  className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
+                                  id="comment-comment-with-deepest-replies-4"
+                                >
+                                  <div
+                                    className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
                                   >
-                                    Write a reply
-                                  </label>
-                                  <div>
-                                    <div
-                                      className=""
+                                    <span
+                                      className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
                                     >
-                                      <div
-                                        className=" RTE-toolbarDisabled Toolbar-toolbar"
+                                      Markus
+                                    </span>
+                                    <div
+                                      className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
+                                    >
+                                      <time
+                                        className="Timestamp-root RelativeTime-root"
+                                        dateTime="2018-07-06T18:24:00.000Z"
+                                        title="2018-07-06T18:24:00.000Z"
                                       >
-                                        <button
-                                          className="Button-button"
-                                          disabled={false}
-                                          onClick={[Function]}
-                                          title="Bold"
-                                          type="button"
-                                        >
-                                          <span
-                                            aria-hidden="true"
-                                            className="Icon-root Icon-md"
-                                          >
-                                            format_bold
-                                          </span>
-                                        </button>
-                                        <button
-                                          className="Button-button"
-                                          disabled={false}
-                                          onClick={[Function]}
-                                          title="Italic"
-                                          type="button"
-                                        >
-                                          <span
-                                            aria-hidden="true"
-                                            className="Icon-root Icon-md"
-                                          >
-                                            format_italic
-                                          </span>
-                                        </button>
-                                        <button
-                                          className="Button-button"
-                                          disabled={false}
-                                          onClick={[Function]}
-                                          title="Blockquote"
-                                          type="button"
-                                        >
-                                          <span
-                                            aria-hidden="true"
-                                            className="Icon-root Icon-md"
-                                          >
-                                            format_quote
-                                          </span>
-                                        </button>
-                                      </div>
-                                      <div
-                                        aria-placeholder="Write a reply"
-                                        className="RTE-contentEditable RTE-content  RTE-contentEditableDisabled"
-                                        contentEditable={false}
-                                        dangerouslySetInnerHTML={
-                                          Object {
-                                            "__html": "<strong>Hello world!</strong>",
-                                          }
-                                        }
-                                        disabled={true}
-                                        id="comments-replyCommentForm-rte-comment-with-deepest-replies-5"
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onCut={[Function]}
-                                        onFocus={[Function]}
-                                        onInput={[Function]}
-                                        onKeyDown={[Function]}
-                                        onPaste={[Function]}
-                                        onSelect={[Function]}
-                                      />
+                                        2018-07-06T18:24:00.000Z
+                                      </time>
                                     </div>
                                   </div>
                                 </div>
                                 <div
-                                  className="Flex-root Flex-flex Flex-halfItemGutter Flex-justifyFlexEnd Flex-directionRow"
+                                  className="HTMLContent-root"
+                                  dangerouslySetInnerHTML={
+                                    Object {
+                                      "__html": "body 4",
+                                    }
+                                  }
+                                />
+                                <div
+                                  className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
                                 >
                                   <button
-                                    className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantOutlined Button-disabled"
-                                    disabled={true}
+                                    className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                    id="comments-commentContainer-replyButton-comment-with-deepest-replies-4"
                                     onBlur={[Function]}
                                     onClick={[Function]}
                                     onFocus={[Function]}
@@ -1492,94 +1418,280 @@ exports[`post a reply: optimistic response 1`] = `
                                     onTouchEnd={[Function]}
                                     type="button"
                                   >
-                                    Cancel
-                                  </button>
-                                  <button
-                                    className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled Button-disabled"
-                                    disabled={true}
-                                    onBlur={[Function]}
-                                    onFocus={[Function]}
-                                    onMouseDown={[Function]}
-                                    onMouseOut={[Function]}
-                                    onMouseOver={[Function]}
-                                    onTouchEnd={[Function]}
-                                    type="submit"
-                                  >
-                                    Submit
+                                    <span>
+                                      Reply
+                                    </span>
                                   </button>
                                 </div>
                               </div>
-                            </form>
+                            </div>
+                          </div>
+                          <div
+                            className="HorizontalGutter-root HorizontalGutter-full"
+                            id="talk-comments-replyList-log--comment-with-deepest-replies-4"
+                            role="log"
+                          >
                             <div
                               className="HorizontalGutter-root HorizontalGutter-full"
-                              id="talk-comments-replyList-log--comment-with-deepest-replies-5"
-                              role="log"
                             >
                               <div
-                                className="HorizontalGutter-root HorizontalGutter-full"
+                                className="Indent-root"
                               >
                                 <div
-                                  className="IndentedComment-blur Indent-root"
+                                  className="Indent-level5"
                                 >
                                   <div
-                                    className="Indent-level6"
+                                    className="Comment-root"
+                                    role="article"
                                   >
                                     <div
-                                      className="Comment-root"
-                                      role="article"
+                                      className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
+                                      id="comment-comment-with-deepest-replies-5"
                                     >
                                       <div
-                                        className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
-                                        id="comment-uuid-0"
+                                        className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
                                       >
-                                        <div
-                                          className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
+                                        <span
+                                          className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
                                         >
-                                          <span
-                                            className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
+                                          Markus
+                                        </span>
+                                        <div
+                                          className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
+                                        >
+                                          <time
+                                            className="Timestamp-root RelativeTime-root"
+                                            dateTime="2018-07-06T18:24:00.000Z"
+                                            title="2018-07-06T18:24:00.000Z"
                                           >
-                                            Markus
-                                          </span>
-                                          <div
-                                            className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
-                                          >
-                                            <time
-                                              className="Timestamp-root RelativeTime-root"
-                                              dateTime="2018-07-06T18:24:00.000Z"
-                                              title="2018-07-06T18:24:00.000Z"
-                                            >
-                                              2018-07-06T18:24:00.000Z
-                                            </time>
-                                          </div>
-                                        </div>
-                                        <div>
-                                          <button
-                                            className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantUnderlined"
-                                            id="comments-commentContainer-editButton-uuid-0"
-                                            onBlur={[Function]}
-                                            onClick={[Function]}
-                                            onFocus={[Function]}
-                                            onMouseDown={[Function]}
-                                            onMouseOut={[Function]}
-                                            onMouseOver={[Function]}
-                                            onTouchEnd={[Function]}
-                                            type="button"
-                                          >
-                                            Edit
-                                          </button>
+                                            2018-07-06T18:24:00.000Z
+                                          </time>
                                         </div>
                                       </div>
-                                      <div
-                                        className="HTMLContent-root"
-                                        dangerouslySetInnerHTML={
-                                          Object {
-                                            "__html": "<strong>Hello world!</strong>",
-                                          }
+                                    </div>
+                                    <div
+                                      className="HTMLContent-root"
+                                      dangerouslySetInnerHTML={
+                                        Object {
+                                          "__html": "body 5",
                                         }
-                                      />
+                                      }
+                                    />
+                                    <div
+                                      className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
+                                    >
+                                      <button
+                                        className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost Button-active"
+                                        id="comments-commentContainer-replyButton-comment-with-deepest-replies-5"
+                                        onBlur={[Function]}
+                                        onClick={[Function]}
+                                        onFocus={[Function]}
+                                        onMouseDown={[Function]}
+                                        onMouseOut={[Function]}
+                                        onMouseOver={[Function]}
+                                        onTouchEnd={[Function]}
+                                        type="button"
+                                      >
+                                        <span>
+                                          Reply
+                                        </span>
+                                      </button>
+                                    </div>
+                                  </div>
+                                </div>
+                              </div>
+                              <form
+                                autoComplete="off"
+                                id="comments-replyCommentForm-form-comment-with-deepest-replies-5"
+                                onSubmit={[Function]}
+                              >
+                                <div
+                                  className="HorizontalGutter-root HorizontalGutter-full"
+                                >
+                                  <div>
+                                    <label
+                                      className="AriaInfo-root"
+                                      htmlFor="comments-replyCommentForm-rte-comment-with-deepest-replies-5"
+                                    >
+                                      Write a reply
+                                    </label>
+                                    <div>
                                       <div
-                                        className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
-                                      />
+                                        className=""
+                                      >
+                                        <div
+                                          className=" RTE-toolbarDisabled Toolbar-toolbar"
+                                        >
+                                          <button
+                                            className="Button-button"
+                                            disabled={false}
+                                            onClick={[Function]}
+                                            title="Bold"
+                                            type="button"
+                                          >
+                                            <span
+                                              aria-hidden="true"
+                                              className="Icon-root Icon-md"
+                                            >
+                                              format_bold
+                                            </span>
+                                          </button>
+                                          <button
+                                            className="Button-button"
+                                            disabled={false}
+                                            onClick={[Function]}
+                                            title="Italic"
+                                            type="button"
+                                          >
+                                            <span
+                                              aria-hidden="true"
+                                              className="Icon-root Icon-md"
+                                            >
+                                              format_italic
+                                            </span>
+                                          </button>
+                                          <button
+                                            className="Button-button"
+                                            disabled={false}
+                                            onClick={[Function]}
+                                            title="Blockquote"
+                                            type="button"
+                                          >
+                                            <span
+                                              aria-hidden="true"
+                                              className="Icon-root Icon-md"
+                                            >
+                                              format_quote
+                                            </span>
+                                          </button>
+                                        </div>
+                                        <div
+                                          aria-placeholder="Write a reply"
+                                          className="RTE-contentEditable RTE-content  RTE-contentEditableDisabled"
+                                          contentEditable={false}
+                                          dangerouslySetInnerHTML={
+                                            Object {
+                                              "__html": "<strong>Hello world!</strong>",
+                                            }
+                                          }
+                                          disabled={true}
+                                          id="comments-replyCommentForm-rte-comment-with-deepest-replies-5"
+                                          onBlur={[Function]}
+                                          onChange={[Function]}
+                                          onCut={[Function]}
+                                          onFocus={[Function]}
+                                          onInput={[Function]}
+                                          onKeyDown={[Function]}
+                                          onPaste={[Function]}
+                                          onSelect={[Function]}
+                                        />
+                                      </div>
+                                    </div>
+                                  </div>
+                                  <div
+                                    className="Flex-root Flex-flex Flex-halfItemGutter Flex-justifyFlexEnd Flex-directionRow"
+                                  >
+                                    <button
+                                      className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantOutlined Button-disabled"
+                                      disabled={true}
+                                      onBlur={[Function]}
+                                      onClick={[Function]}
+                                      onFocus={[Function]}
+                                      onMouseDown={[Function]}
+                                      onMouseOut={[Function]}
+                                      onMouseOver={[Function]}
+                                      onTouchEnd={[Function]}
+                                      type="button"
+                                    >
+                                      Cancel
+                                    </button>
+                                    <button
+                                      className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled Button-disabled"
+                                      disabled={true}
+                                      onBlur={[Function]}
+                                      onFocus={[Function]}
+                                      onMouseDown={[Function]}
+                                      onMouseOut={[Function]}
+                                      onMouseOver={[Function]}
+                                      onTouchEnd={[Function]}
+                                      type="submit"
+                                    >
+                                      Submit
+                                    </button>
+                                  </div>
+                                </div>
+                              </form>
+                              <div
+                                className="HorizontalGutter-root HorizontalGutter-full"
+                                id="talk-comments-replyList-log--comment-with-deepest-replies-5"
+                                role="log"
+                              >
+                                <div
+                                  className="HorizontalGutter-root HorizontalGutter-full"
+                                >
+                                  <div
+                                    className="IndentedComment-blur Indent-root"
+                                  >
+                                    <div
+                                      className="Indent-level6"
+                                    >
+                                      <div
+                                        className="Comment-root"
+                                        role="article"
+                                      >
+                                        <div
+                                          className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
+                                          id="comment-uuid-0"
+                                        >
+                                          <div
+                                            className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
+                                          >
+                                            <span
+                                              className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
+                                            >
+                                              Markus
+                                            </span>
+                                            <div
+                                              className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
+                                            >
+                                              <time
+                                                className="Timestamp-root RelativeTime-root"
+                                                dateTime="2018-07-06T18:24:00.000Z"
+                                                title="2018-07-06T18:24:00.000Z"
+                                              >
+                                                2018-07-06T18:24:00.000Z
+                                              </time>
+                                            </div>
+                                          </div>
+                                          <div>
+                                            <button
+                                              className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantUnderlined"
+                                              id="comments-commentContainer-editButton-uuid-0"
+                                              onBlur={[Function]}
+                                              onClick={[Function]}
+                                              onFocus={[Function]}
+                                              onMouseDown={[Function]}
+                                              onMouseOut={[Function]}
+                                              onMouseOver={[Function]}
+                                              onTouchEnd={[Function]}
+                                              type="button"
+                                            >
+                                              Edit
+                                            </button>
+                                          </div>
+                                        </div>
+                                        <div
+                                          className="HTMLContent-root"
+                                          dangerouslySetInnerHTML={
+                                            Object {
+                                              "__html": "<strong>Hello world!</strong>",
+                                            }
+                                          }
+                                        />
+                                        <div
+                                          className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
+                                        />
+                                      </div>
                                     </div>
                                   </div>
                                 </div>
@@ -1597,687 +1709,743 @@ exports[`post a reply: optimistic response 1`] = `
         </div>
       </div>
     </div>
-  </div>
+  </section>
 </div>
 `;
 
 exports[`post a reply: server response 1`] = `
 <div
-  className="Flex-root App-root Flex-flex Flex-justifyCenter"
+  className="HorizontalGutter-root App-root HorizontalGutter-full"
 >
-  <div
-    className="HorizontalGutter-root Stream-root HorizontalGutter-double"
+  <ul
+    className="TabBar-root TabBar-primary"
+    role="tablist"
+  >
+    <li
+      className="Tab-root"
+      id="tab-COMMENTS"
+      role="presentation"
+    >
+      <button
+        aria-controls="tabPane-COMMENTS"
+        aria-selected={true}
+        className="BaseButton-root Tab-button Tab-primary Tab-active"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onMouseDown={[Function]}
+        onMouseOut={[Function]}
+        onMouseOver={[Function]}
+        onTouchEnd={[Function]}
+        role="tab"
+        type="button"
+      >
+        Comments
+      </button>
+    </li>
+    <li
+      className="Tab-root"
+      id="tab-PROFILE"
+      role="presentation"
+    >
+      <button
+        aria-controls="tabPane-PROFILE"
+        aria-selected={false}
+        className="BaseButton-root Tab-button Tab-primary"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onMouseDown={[Function]}
+        onMouseOut={[Function]}
+        onMouseOver={[Function]}
+        onTouchEnd={[Function]}
+        role="tab"
+        type="button"
+      >
+        My Profile
+      </button>
+    </li>
+  </ul>
+  <section
+    aria-labelledby="tab-COMMENTS"
+    className="App-tabContent"
+    id="tabPane-COMMENTS"
+    role="tabpanel"
   >
     <div
-      className="HorizontalGutter-root HorizontalGutter-half"
+      className="HorizontalGutter-root Stream-root HorizontalGutter-double"
     >
       <div
-        className="Flex-root"
+        className="HorizontalGutter-root HorizontalGutter-half"
       >
         <div
-          className="Flex-flex Flex-halfItemGutter Flex-wrap"
+          className="Flex-root"
         >
           <div
-            className="Typography-root Typography-bodyCopy Typography-colorTextPrimary"
-          >
-            Signed in as 
-            <span
-              className="Typography-root Typography-bodyCopyBold Typography-colorTextPrimary"
-            >
-              Markus
-            </span>
-            .
-          </div>
-          <div
-            className="Flex-root Typography-root Typography-bodyCopy Typography-colorTextPrimary Flex-flex"
-          >
-            <span>
-              Not you? 
-            </span>
-            <button
-              className="BaseButton-root Button-root Button-sizeSmall Button-colorPrimary Button-variantUnderlined"
-              onBlur={[Function]}
-              onClick={[Function]}
-              onFocus={[Function]}
-              onMouseDown={[Function]}
-              onMouseOut={[Function]}
-              onMouseOver={[Function]}
-              onTouchEnd={[Function]}
-              type="button"
-            >
-              Sign Out
-            </button>
-          </div>
-        </div>
-      </div>
-      <form
-        autoComplete="off"
-        className="PostCommentForm-root"
-        id="comments-postCommentForm-form"
-        onSubmit={[Function]}
-      >
-        <div
-          className="HorizontalGutter-root HorizontalGutter-full"
-        >
-          <div>
-            <label
-              className="AriaInfo-root"
-              htmlFor="comments-postCommentForm-field"
-            >
-              Post a comment
-            </label>
-            <div>
-              <div
-                className=""
-              >
-                <div
-                  className="Toolbar-toolbar"
-                >
-                  <button
-                    className="Button-button"
-                    disabled={false}
-                    onClick={[Function]}
-                    title="Bold"
-                    type="button"
-                  >
-                    <span
-                      aria-hidden="true"
-                      className="Icon-root Icon-md"
-                    >
-                      format_bold
-                    </span>
-                  </button>
-                  <button
-                    className="Button-button"
-                    disabled={false}
-                    onClick={[Function]}
-                    title="Italic"
-                    type="button"
-                  >
-                    <span
-                      aria-hidden="true"
-                      className="Icon-root Icon-md"
-                    >
-                      format_italic
-                    </span>
-                  </button>
-                  <button
-                    className="Button-button"
-                    disabled={false}
-                    onClick={[Function]}
-                    title="Blockquote"
-                    type="button"
-                  >
-                    <span
-                      aria-hidden="true"
-                      className="Icon-root Icon-md"
-                    >
-                      format_quote
-                    </span>
-                  </button>
-                </div>
-                <div
-                  aria-hidden="true"
-                  className="RTE-placeholder RTE-placeholder"
-                >
-                  Post a comment
-                </div>
-                <div
-                  aria-placeholder="Post a comment"
-                  className="RTE-contentEditable RTE-content"
-                  contentEditable={true}
-                  dangerouslySetInnerHTML={
-                    Object {
-                      "__html": "",
-                    }
-                  }
-                  disabled={false}
-                  id="comments-postCommentForm-field"
-                  onBlur={[Function]}
-                  onChange={[Function]}
-                  onCut={[Function]}
-                  onFocus={[Function]}
-                  onInput={[Function]}
-                  onKeyDown={[Function]}
-                  onPaste={[Function]}
-                  onSelect={[Function]}
-                />
-              </div>
-            </div>
-          </div>
-          <div
-            className="Flex-root Flex-flex Flex-justifySpaceBetween Flex-alignFlexStart Flex-directionRow"
+            className="Flex-flex Flex-halfItemGutter Flex-wrap"
           >
             <div
-              className="PostCommentForm-poweredBy"
+              className="Typography-root Typography-bodyCopy Typography-colorTextPrimary"
             >
+              Signed in as 
               <span
-                className="Typography-root Typography-detail Typography-colorTextSecondary"
+                className="Typography-root Typography-bodyCopyBold Typography-colorTextPrimary"
               >
-                Powered by 
-                <span
-                  className="Typography-root Typography-heading4 Typography-colorTextPrimary"
-                >
-                  ⁨The Coral Project⁩
-                </span>
+                Markus
               </span>
+              .
             </div>
-            <button
-              className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled Button-disabled"
-              disabled={true}
-              onBlur={[Function]}
-              onFocus={[Function]}
-              onMouseDown={[Function]}
-              onMouseOut={[Function]}
-              onMouseOver={[Function]}
-              onTouchEnd={[Function]}
-              type="submit"
-            >
-              Submit
-            </button>
-          </div>
-        </div>
-      </form>
-    </div>
-    <div
-      aria-live="polite"
-      className="HorizontalGutter-root HorizontalGutter-full"
-      id="talk-comments-stream-log"
-      role="log"
-    >
-      <div
-        className="HorizontalGutter-root HorizontalGutter-full"
-      >
-        <div
-          className="Indent-root"
-        >
-          <div
-            className=""
-          >
             <div
-              className="Comment-root"
-              role="article"
+              className="Flex-root Typography-root Typography-bodyCopy Typography-colorTextPrimary Flex-flex"
             >
-              <div
-                className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
-                id="comment-comment-with-deepest-replies"
+              <span>
+                Not you? 
+              </span>
+              <button
+                className="BaseButton-root Button-root Button-sizeSmall Button-colorPrimary Button-variantUnderlined"
+                onBlur={[Function]}
+                onClick={[Function]}
+                onFocus={[Function]}
+                onMouseDown={[Function]}
+                onMouseOut={[Function]}
+                onMouseOver={[Function]}
+                onTouchEnd={[Function]}
+                type="button"
               >
-                <div
-                  className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
-                >
-                  <span
-                    className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
-                  >
-                    Markus
-                  </span>
-                  <div
-                    className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
-                  >
-                    <time
-                      className="Timestamp-root RelativeTime-root"
-                      dateTime="2018-07-06T18:24:00.000Z"
-                      title="2018-07-06T18:24:00.000Z"
-                    >
-                      2018-07-06T18:24:00.000Z
-                    </time>
-                  </div>
-                </div>
-              </div>
-              <div
-                className="HTMLContent-root"
-                dangerouslySetInnerHTML={
-                  Object {
-                    "__html": "body 0",
-                  }
-                }
-              />
-              <div
-                className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
-              >
-                <button
-                  className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
-                  id="comments-commentContainer-replyButton-comment-with-deepest-replies"
-                  onBlur={[Function]}
-                  onClick={[Function]}
-                  onFocus={[Function]}
-                  onMouseDown={[Function]}
-                  onMouseOut={[Function]}
-                  onMouseOver={[Function]}
-                  onTouchEnd={[Function]}
-                  type="button"
-                >
-                  <span>
-                    Reply
-                  </span>
-                </button>
-              </div>
+                Sign Out
+              </button>
             </div>
           </div>
         </div>
-        <div
-          className="HorizontalGutter-root HorizontalGutter-full"
-          id="talk-comments-replyList-log--comment-with-deepest-replies"
-          role="log"
+        <form
+          autoComplete="off"
+          className="PostCommentForm-root"
+          id="comments-postCommentForm-form"
+          onSubmit={[Function]}
         >
           <div
             className="HorizontalGutter-root HorizontalGutter-full"
           >
-            <div
-              className="Indent-root"
-            >
-              <div
-                className="Indent-level1"
+            <div>
+              <label
+                className="AriaInfo-root"
+                htmlFor="comments-postCommentForm-field"
               >
+                Post a comment
+              </label>
+              <div>
                 <div
-                  className="Comment-root"
-                  role="article"
+                  className=""
                 >
                   <div
-                    className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
-                    id="comment-comment-with-deepest-replies-1"
-                  >
-                    <div
-                      className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
-                    >
-                      <span
-                        className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
-                      >
-                        Markus
-                      </span>
-                      <div
-                        className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
-                      >
-                        <time
-                          className="Timestamp-root RelativeTime-root"
-                          dateTime="2018-07-06T18:24:00.000Z"
-                          title="2018-07-06T18:24:00.000Z"
-                        >
-                          2018-07-06T18:24:00.000Z
-                        </time>
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    className="HTMLContent-root"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": "body 1",
-                      }
-                    }
-                  />
-                  <div
-                    className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
+                    className="Toolbar-toolbar"
                   >
                     <button
-                      className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
-                      id="comments-commentContainer-replyButton-comment-with-deepest-replies-1"
-                      onBlur={[Function]}
+                      className="Button-button"
+                      disabled={false}
                       onClick={[Function]}
-                      onFocus={[Function]}
-                      onMouseDown={[Function]}
-                      onMouseOut={[Function]}
-                      onMouseOver={[Function]}
-                      onTouchEnd={[Function]}
+                      title="Bold"
                       type="button"
                     >
-                      <span>
-                        Reply
+                      <span
+                        aria-hidden="true"
+                        className="Icon-root Icon-md"
+                      >
+                        format_bold
+                      </span>
+                    </button>
+                    <button
+                      className="Button-button"
+                      disabled={false}
+                      onClick={[Function]}
+                      title="Italic"
+                      type="button"
+                    >
+                      <span
+                        aria-hidden="true"
+                        className="Icon-root Icon-md"
+                      >
+                        format_italic
+                      </span>
+                    </button>
+                    <button
+                      className="Button-button"
+                      disabled={false}
+                      onClick={[Function]}
+                      title="Blockquote"
+                      type="button"
+                    >
+                      <span
+                        aria-hidden="true"
+                        className="Icon-root Icon-md"
+                      >
+                        format_quote
                       </span>
                     </button>
                   </div>
+                  <div
+                    aria-hidden="true"
+                    className="RTE-placeholder RTE-placeholder"
+                  >
+                    Post a comment
+                  </div>
+                  <div
+                    aria-placeholder="Post a comment"
+                    className="RTE-contentEditable RTE-content"
+                    contentEditable={true}
+                    dangerouslySetInnerHTML={
+                      Object {
+                        "__html": "",
+                      }
+                    }
+                    disabled={false}
+                    id="comments-postCommentForm-field"
+                    onBlur={[Function]}
+                    onChange={[Function]}
+                    onCut={[Function]}
+                    onFocus={[Function]}
+                    onInput={[Function]}
+                    onKeyDown={[Function]}
+                    onPaste={[Function]}
+                    onSelect={[Function]}
+                  />
                 </div>
               </div>
             </div>
             <div
-              className="HorizontalGutter-root HorizontalGutter-full"
-              id="talk-comments-replyList-log--comment-with-deepest-replies-1"
-              role="log"
+              className="Flex-root Flex-flex Flex-justifySpaceBetween Flex-alignFlexStart Flex-directionRow"
             >
               <div
-                className="HorizontalGutter-root HorizontalGutter-full"
+                className="PostCommentForm-poweredBy"
+              >
+                <span
+                  className="Typography-root Typography-detail Typography-colorTextSecondary"
+                >
+                  Powered by 
+                  <span
+                    className="Typography-root Typography-heading4 Typography-colorTextPrimary"
+                  >
+                    ⁨The Coral Project⁩
+                  </span>
+                </span>
+              </div>
+              <button
+                className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled Button-disabled"
+                disabled={true}
+                onBlur={[Function]}
+                onFocus={[Function]}
+                onMouseDown={[Function]}
+                onMouseOut={[Function]}
+                onMouseOver={[Function]}
+                onTouchEnd={[Function]}
+                type="submit"
+              >
+                Submit
+              </button>
+            </div>
+          </div>
+        </form>
+      </div>
+      <div
+        aria-live="polite"
+        className="HorizontalGutter-root HorizontalGutter-full"
+        id="talk-comments-stream-log"
+        role="log"
+      >
+        <div
+          className="HorizontalGutter-root HorizontalGutter-full"
+        >
+          <div
+            className="Indent-root"
+          >
+            <div
+              className=""
+            >
+              <div
+                className="Comment-root"
+                role="article"
               >
                 <div
-                  className="Indent-root"
+                  className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
+                  id="comment-comment-with-deepest-replies"
                 >
                   <div
-                    className="Indent-level2"
+                    className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
                   >
-                    <div
-                      className="Comment-root"
-                      role="article"
+                    <span
+                      className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
                     >
-                      <div
-                        className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
-                        id="comment-comment-with-deepest-replies-2"
+                      Markus
+                    </span>
+                    <div
+                      className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
+                    >
+                      <time
+                        className="Timestamp-root RelativeTime-root"
+                        dateTime="2018-07-06T18:24:00.000Z"
+                        title="2018-07-06T18:24:00.000Z"
                       >
-                        <div
-                          className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
-                        >
-                          <span
-                            className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
-                          >
-                            Markus
-                          </span>
-                          <div
-                            className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
-                          >
-                            <time
-                              className="Timestamp-root RelativeTime-root"
-                              dateTime="2018-07-06T18:24:00.000Z"
-                              title="2018-07-06T18:24:00.000Z"
-                            >
-                              2018-07-06T18:24:00.000Z
-                            </time>
-                          </div>
-                        </div>
-                      </div>
-                      <div
-                        className="HTMLContent-root"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": "body 2",
-                          }
-                        }
-                      />
-                      <div
-                        className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
-                      >
-                        <button
-                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
-                          id="comments-commentContainer-replyButton-comment-with-deepest-replies-2"
-                          onBlur={[Function]}
-                          onClick={[Function]}
-                          onFocus={[Function]}
-                          onMouseDown={[Function]}
-                          onMouseOut={[Function]}
-                          onMouseOver={[Function]}
-                          onTouchEnd={[Function]}
-                          type="button"
-                        >
-                          <span>
-                            Reply
-                          </span>
-                        </button>
-                      </div>
+                        2018-07-06T18:24:00.000Z
+                      </time>
                     </div>
                   </div>
                 </div>
                 <div
-                  className="HorizontalGutter-root HorizontalGutter-full"
-                  id="talk-comments-replyList-log--comment-with-deepest-replies-2"
-                  role="log"
+                  className="HTMLContent-root"
+                  dangerouslySetInnerHTML={
+                    Object {
+                      "__html": "body 0",
+                    }
+                  }
+                />
+                <div
+                  className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
+                >
+                  <button
+                    className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                    id="comments-commentContainer-replyButton-comment-with-deepest-replies"
+                    onBlur={[Function]}
+                    onClick={[Function]}
+                    onFocus={[Function]}
+                    onMouseDown={[Function]}
+                    onMouseOut={[Function]}
+                    onMouseOver={[Function]}
+                    onTouchEnd={[Function]}
+                    type="button"
+                  >
+                    <span>
+                      Reply
+                    </span>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="HorizontalGutter-root HorizontalGutter-full"
+            id="talk-comments-replyList-log--comment-with-deepest-replies"
+            role="log"
+          >
+            <div
+              className="HorizontalGutter-root HorizontalGutter-full"
+            >
+              <div
+                className="Indent-root"
+              >
+                <div
+                  className="Indent-level1"
                 >
                   <div
-                    className="HorizontalGutter-root HorizontalGutter-full"
+                    className="Comment-root"
+                    role="article"
                   >
                     <div
-                      className="Indent-root"
+                      className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
+                      id="comment-comment-with-deepest-replies-1"
                     >
                       <div
-                        className="Indent-level3"
+                        className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
                       >
-                        <div
-                          className="Comment-root"
-                          role="article"
+                        <span
+                          className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
                         >
-                          <div
-                            className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
-                            id="comment-comment-with-deepest-replies-3"
+                          Markus
+                        </span>
+                        <div
+                          className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
+                        >
+                          <time
+                            className="Timestamp-root RelativeTime-root"
+                            dateTime="2018-07-06T18:24:00.000Z"
+                            title="2018-07-06T18:24:00.000Z"
                           >
-                            <div
-                              className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
-                            >
-                              <span
-                                className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
-                              >
-                                Markus
-                              </span>
-                              <div
-                                className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
-                              >
-                                <time
-                                  className="Timestamp-root RelativeTime-root"
-                                  dateTime="2018-07-06T18:24:00.000Z"
-                                  title="2018-07-06T18:24:00.000Z"
-                                >
-                                  2018-07-06T18:24:00.000Z
-                                </time>
-                              </div>
-                            </div>
-                          </div>
-                          <div
-                            className="HTMLContent-root"
-                            dangerouslySetInnerHTML={
-                              Object {
-                                "__html": "body 3",
-                              }
-                            }
-                          />
-                          <div
-                            className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
-                          >
-                            <button
-                              className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
-                              id="comments-commentContainer-replyButton-comment-with-deepest-replies-3"
-                              onBlur={[Function]}
-                              onClick={[Function]}
-                              onFocus={[Function]}
-                              onMouseDown={[Function]}
-                              onMouseOut={[Function]}
-                              onMouseOver={[Function]}
-                              onTouchEnd={[Function]}
-                              type="button"
-                            >
-                              <span>
-                                Reply
-                              </span>
-                            </button>
-                          </div>
+                            2018-07-06T18:24:00.000Z
+                          </time>
                         </div>
                       </div>
                     </div>
                     <div
-                      className="HorizontalGutter-root HorizontalGutter-full"
-                      id="talk-comments-replyList-log--comment-with-deepest-replies-3"
-                      role="log"
+                      className="HTMLContent-root"
+                      dangerouslySetInnerHTML={
+                        Object {
+                          "__html": "body 1",
+                        }
+                      }
+                    />
+                    <div
+                      className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
+                    >
+                      <button
+                        className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                        id="comments-commentContainer-replyButton-comment-with-deepest-replies-1"
+                        onBlur={[Function]}
+                        onClick={[Function]}
+                        onFocus={[Function]}
+                        onMouseDown={[Function]}
+                        onMouseOut={[Function]}
+                        onMouseOver={[Function]}
+                        onTouchEnd={[Function]}
+                        type="button"
+                      >
+                        <span>
+                          Reply
+                        </span>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                className="HorizontalGutter-root HorizontalGutter-full"
+                id="talk-comments-replyList-log--comment-with-deepest-replies-1"
+                role="log"
+              >
+                <div
+                  className="HorizontalGutter-root HorizontalGutter-full"
+                >
+                  <div
+                    className="Indent-root"
+                  >
+                    <div
+                      className="Indent-level2"
                     >
                       <div
-                        className="HorizontalGutter-root HorizontalGutter-full"
+                        className="Comment-root"
+                        role="article"
                       >
                         <div
-                          className="Indent-root"
+                          className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
+                          id="comment-comment-with-deepest-replies-2"
                         >
                           <div
-                            className="Indent-level4"
+                            className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
                           >
-                            <div
-                              className="Comment-root"
-                              role="article"
+                            <span
+                              className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
                             >
-                              <div
-                                className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
-                                id="comment-comment-with-deepest-replies-4"
+                              Markus
+                            </span>
+                            <div
+                              className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
+                            >
+                              <time
+                                className="Timestamp-root RelativeTime-root"
+                                dateTime="2018-07-06T18:24:00.000Z"
+                                title="2018-07-06T18:24:00.000Z"
                               >
-                                <div
-                                  className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
-                                >
-                                  <span
-                                    className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
-                                  >
-                                    Markus
-                                  </span>
-                                  <div
-                                    className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
-                                  >
-                                    <time
-                                      className="Timestamp-root RelativeTime-root"
-                                      dateTime="2018-07-06T18:24:00.000Z"
-                                      title="2018-07-06T18:24:00.000Z"
-                                    >
-                                      2018-07-06T18:24:00.000Z
-                                    </time>
-                                  </div>
-                                </div>
-                              </div>
-                              <div
-                                className="HTMLContent-root"
-                                dangerouslySetInnerHTML={
-                                  Object {
-                                    "__html": "body 4",
-                                  }
-                                }
-                              />
-                              <div
-                                className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
-                              >
-                                <button
-                                  className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
-                                  id="comments-commentContainer-replyButton-comment-with-deepest-replies-4"
-                                  onBlur={[Function]}
-                                  onClick={[Function]}
-                                  onFocus={[Function]}
-                                  onMouseDown={[Function]}
-                                  onMouseOut={[Function]}
-                                  onMouseOver={[Function]}
-                                  onTouchEnd={[Function]}
-                                  type="button"
-                                >
-                                  <span>
-                                    Reply
-                                  </span>
-                                </button>
-                              </div>
+                                2018-07-06T18:24:00.000Z
+                              </time>
                             </div>
                           </div>
                         </div>
                         <div
-                          className="HorizontalGutter-root HorizontalGutter-full"
-                          id="talk-comments-replyList-log--comment-with-deepest-replies-4"
-                          role="log"
+                          className="HTMLContent-root"
+                          dangerouslySetInnerHTML={
+                            Object {
+                              "__html": "body 2",
+                            }
+                          }
+                        />
+                        <div
+                          className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
+                        >
+                          <button
+                            className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                            id="comments-commentContainer-replyButton-comment-with-deepest-replies-2"
+                            onBlur={[Function]}
+                            onClick={[Function]}
+                            onFocus={[Function]}
+                            onMouseDown={[Function]}
+                            onMouseOut={[Function]}
+                            onMouseOver={[Function]}
+                            onTouchEnd={[Function]}
+                            type="button"
+                          >
+                            <span>
+                              Reply
+                            </span>
+                          </button>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    className="HorizontalGutter-root HorizontalGutter-full"
+                    id="talk-comments-replyList-log--comment-with-deepest-replies-2"
+                    role="log"
+                  >
+                    <div
+                      className="HorizontalGutter-root HorizontalGutter-full"
+                    >
+                      <div
+                        className="Indent-root"
+                      >
+                        <div
+                          className="Indent-level3"
                         >
                           <div
-                            className="HorizontalGutter-root HorizontalGutter-full"
+                            className="Comment-root"
+                            role="article"
                           >
                             <div
-                              className="Indent-root"
+                              className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
+                              id="comment-comment-with-deepest-replies-3"
                             >
                               <div
-                                className="Indent-level5"
+                                className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
                               >
-                                <div
-                                  className="Comment-root"
-                                  role="article"
+                                <span
+                                  className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
                                 >
-                                  <div
-                                    className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
-                                    id="comment-comment-with-deepest-replies-5"
+                                  Markus
+                                </span>
+                                <div
+                                  className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
+                                >
+                                  <time
+                                    className="Timestamp-root RelativeTime-root"
+                                    dateTime="2018-07-06T18:24:00.000Z"
+                                    title="2018-07-06T18:24:00.000Z"
                                   >
-                                    <div
-                                      className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
-                                    >
-                                      <span
-                                        className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
-                                      >
-                                        Markus
-                                      </span>
-                                      <div
-                                        className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
-                                      >
-                                        <time
-                                          className="Timestamp-root RelativeTime-root"
-                                          dateTime="2018-07-06T18:24:00.000Z"
-                                          title="2018-07-06T18:24:00.000Z"
-                                        >
-                                          2018-07-06T18:24:00.000Z
-                                        </time>
-                                      </div>
-                                    </div>
-                                  </div>
-                                  <div
-                                    className="HTMLContent-root"
-                                    dangerouslySetInnerHTML={
-                                      Object {
-                                        "__html": "body 5",
-                                      }
-                                    }
-                                  />
-                                  <div
-                                    className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
-                                  >
-                                    <button
-                                      className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
-                                      id="comments-commentContainer-replyButton-comment-with-deepest-replies-5"
-                                      onBlur={[Function]}
-                                      onClick={[Function]}
-                                      onFocus={[Function]}
-                                      onMouseDown={[Function]}
-                                      onMouseOut={[Function]}
-                                      onMouseOver={[Function]}
-                                      onTouchEnd={[Function]}
-                                      type="button"
-                                    >
-                                      <span>
-                                        Reply
-                                      </span>
-                                    </button>
-                                  </div>
+                                    2018-07-06T18:24:00.000Z
+                                  </time>
                                 </div>
                               </div>
                             </div>
                             <div
-                              className="HorizontalGutter-root HorizontalGutter-full"
-                              id="talk-comments-replyList-log--comment-with-deepest-replies-5"
-                              role="log"
+                              className="HTMLContent-root"
+                              dangerouslySetInnerHTML={
+                                Object {
+                                  "__html": "body 3",
+                                }
+                              }
+                            />
+                            <div
+                              className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
+                            >
+                              <button
+                                className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                id="comments-commentContainer-replyButton-comment-with-deepest-replies-3"
+                                onBlur={[Function]}
+                                onClick={[Function]}
+                                onFocus={[Function]}
+                                onMouseDown={[Function]}
+                                onMouseOut={[Function]}
+                                onMouseOver={[Function]}
+                                onTouchEnd={[Function]}
+                                type="button"
+                              >
+                                <span>
+                                  Reply
+                                </span>
+                              </button>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <div
+                        className="HorizontalGutter-root HorizontalGutter-full"
+                        id="talk-comments-replyList-log--comment-with-deepest-replies-3"
+                        role="log"
+                      >
+                        <div
+                          className="HorizontalGutter-root HorizontalGutter-full"
+                        >
+                          <div
+                            className="Indent-root"
+                          >
+                            <div
+                              className="Indent-level4"
                             >
                               <div
-                                className="HorizontalGutter-root HorizontalGutter-full"
+                                className="Comment-root"
+                                role="article"
                               >
                                 <div
-                                  className="Indent-root"
+                                  className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
+                                  id="comment-comment-with-deepest-replies-4"
                                 >
                                   <div
-                                    className="Indent-level6"
+                                    className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
+                                  >
+                                    <span
+                                      className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
+                                    >
+                                      Markus
+                                    </span>
+                                    <div
+                                      className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
+                                    >
+                                      <time
+                                        className="Timestamp-root RelativeTime-root"
+                                        dateTime="2018-07-06T18:24:00.000Z"
+                                        title="2018-07-06T18:24:00.000Z"
+                                      >
+                                        2018-07-06T18:24:00.000Z
+                                      </time>
+                                    </div>
+                                  </div>
+                                </div>
+                                <div
+                                  className="HTMLContent-root"
+                                  dangerouslySetInnerHTML={
+                                    Object {
+                                      "__html": "body 4",
+                                    }
+                                  }
+                                />
+                                <div
+                                  className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
+                                >
+                                  <button
+                                    className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                    id="comments-commentContainer-replyButton-comment-with-deepest-replies-4"
+                                    onBlur={[Function]}
+                                    onClick={[Function]}
+                                    onFocus={[Function]}
+                                    onMouseDown={[Function]}
+                                    onMouseOut={[Function]}
+                                    onMouseOver={[Function]}
+                                    onTouchEnd={[Function]}
+                                    type="button"
+                                  >
+                                    <span>
+                                      Reply
+                                    </span>
+                                  </button>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                          <div
+                            className="HorizontalGutter-root HorizontalGutter-full"
+                            id="talk-comments-replyList-log--comment-with-deepest-replies-4"
+                            role="log"
+                          >
+                            <div
+                              className="HorizontalGutter-root HorizontalGutter-full"
+                            >
+                              <div
+                                className="Indent-root"
+                              >
+                                <div
+                                  className="Indent-level5"
+                                >
+                                  <div
+                                    className="Comment-root"
+                                    role="article"
                                   >
                                     <div
-                                      className="Comment-root"
-                                      role="article"
+                                      className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
+                                      id="comment-comment-with-deepest-replies-5"
                                     >
                                       <div
-                                        className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
-                                        id="comment-comment-x"
+                                        className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
                                       >
-                                        <div
-                                          className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
+                                        <span
+                                          className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
                                         >
-                                          <span
-                                            className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
+                                          Markus
+                                        </span>
+                                        <div
+                                          className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
+                                        >
+                                          <time
+                                            className="Timestamp-root RelativeTime-root"
+                                            dateTime="2018-07-06T18:24:00.000Z"
+                                            title="2018-07-06T18:24:00.000Z"
                                           >
-                                            Markus
-                                          </span>
-                                          <div
-                                            className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
-                                          >
-                                            <time
-                                              className="Timestamp-root RelativeTime-root"
-                                              dateTime="2018-07-06T18:24:00.000Z"
-                                              title="2018-07-06T18:24:00.000Z"
-                                            >
-                                              2018-07-06T18:24:00.000Z
-                                            </time>
-                                          </div>
+                                            2018-07-06T18:24:00.000Z
+                                          </time>
                                         </div>
                                       </div>
-                                      <div
-                                        className="HTMLContent-root"
-                                        dangerouslySetInnerHTML={
-                                          Object {
-                                            "__html": "<strong>Hello world! (from server)</strong>",
-                                          }
+                                    </div>
+                                    <div
+                                      className="HTMLContent-root"
+                                      dangerouslySetInnerHTML={
+                                        Object {
+                                          "__html": "body 5",
                                         }
-                                      />
+                                      }
+                                    />
+                                    <div
+                                      className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
+                                    >
+                                      <button
+                                        className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                        id="comments-commentContainer-replyButton-comment-with-deepest-replies-5"
+                                        onBlur={[Function]}
+                                        onClick={[Function]}
+                                        onFocus={[Function]}
+                                        onMouseDown={[Function]}
+                                        onMouseOut={[Function]}
+                                        onMouseOver={[Function]}
+                                        onTouchEnd={[Function]}
+                                        type="button"
+                                      >
+                                        <span>
+                                          Reply
+                                        </span>
+                                      </button>
+                                    </div>
+                                  </div>
+                                </div>
+                              </div>
+                              <div
+                                className="HorizontalGutter-root HorizontalGutter-full"
+                                id="talk-comments-replyList-log--comment-with-deepest-replies-5"
+                                role="log"
+                              >
+                                <div
+                                  className="HorizontalGutter-root HorizontalGutter-full"
+                                >
+                                  <div
+                                    className="Indent-root"
+                                  >
+                                    <div
+                                      className="Indent-level6"
+                                    >
                                       <div
-                                        className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
-                                      />
+                                        className="Comment-root"
+                                        role="article"
+                                      >
+                                        <div
+                                          className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
+                                          id="comment-comment-x"
+                                        >
+                                          <div
+                                            className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
+                                          >
+                                            <span
+                                              className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
+                                            >
+                                              Markus
+                                            </span>
+                                            <div
+                                              className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
+                                            >
+                                              <time
+                                                className="Timestamp-root RelativeTime-root"
+                                                dateTime="2018-07-06T18:24:00.000Z"
+                                                title="2018-07-06T18:24:00.000Z"
+                                              >
+                                                2018-07-06T18:24:00.000Z
+                                              </time>
+                                            </div>
+                                          </div>
+                                        </div>
+                                        <div
+                                          className="HTMLContent-root"
+                                          dangerouslySetInnerHTML={
+                                            Object {
+                                              "__html": "<strong>Hello world! (from server)</strong>",
+                                            }
+                                          }
+                                        />
+                                        <div
+                                          className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
+                                        />
+                                      </div>
                                     </div>
                                   </div>
                                 </div>
@@ -2295,629 +2463,685 @@ exports[`post a reply: server response 1`] = `
         </div>
       </div>
     </div>
-  </div>
+  </section>
 </div>
 `;
 
 exports[`renders comment stream 1`] = `
 <div
-  className="Flex-root App-root Flex-flex Flex-justifyCenter"
+  className="HorizontalGutter-root App-root HorizontalGutter-full"
 >
-  <div
-    className="HorizontalGutter-root Stream-root HorizontalGutter-double"
+  <ul
+    className="TabBar-root TabBar-primary"
+    role="tablist"
+  >
+    <li
+      className="Tab-root"
+      id="tab-COMMENTS"
+      role="presentation"
+    >
+      <button
+        aria-controls="tabPane-COMMENTS"
+        aria-selected={true}
+        className="BaseButton-root Tab-button Tab-primary Tab-active"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onMouseDown={[Function]}
+        onMouseOut={[Function]}
+        onMouseOver={[Function]}
+        onTouchEnd={[Function]}
+        role="tab"
+        type="button"
+      >
+        Comments
+      </button>
+    </li>
+    <li
+      className="Tab-root"
+      id="tab-PROFILE"
+      role="presentation"
+    >
+      <button
+        aria-controls="tabPane-PROFILE"
+        aria-selected={false}
+        className="BaseButton-root Tab-button Tab-primary"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onMouseDown={[Function]}
+        onMouseOut={[Function]}
+        onMouseOver={[Function]}
+        onTouchEnd={[Function]}
+        role="tab"
+        type="button"
+      >
+        My Profile
+      </button>
+    </li>
+  </ul>
+  <section
+    aria-labelledby="tab-COMMENTS"
+    className="App-tabContent"
+    id="tabPane-COMMENTS"
+    role="tabpanel"
   >
     <div
-      className="HorizontalGutter-root HorizontalGutter-half"
+      className="HorizontalGutter-root Stream-root HorizontalGutter-double"
     >
       <div
-        className="Flex-root"
+        className="HorizontalGutter-root HorizontalGutter-half"
       >
         <div
-          className="Flex-flex Flex-halfItemGutter Flex-wrap"
+          className="Flex-root"
         >
           <div
-            className="Typography-root Typography-bodyCopy Typography-colorTextPrimary"
-          >
-            Signed in as 
-            <span
-              className="Typography-root Typography-bodyCopyBold Typography-colorTextPrimary"
-            >
-              Markus
-            </span>
-            .
-          </div>
-          <div
-            className="Flex-root Typography-root Typography-bodyCopy Typography-colorTextPrimary Flex-flex"
-          >
-            <span>
-              Not you? 
-            </span>
-            <button
-              className="BaseButton-root Button-root Button-sizeSmall Button-colorPrimary Button-variantUnderlined"
-              onBlur={[Function]}
-              onClick={[Function]}
-              onFocus={[Function]}
-              onMouseDown={[Function]}
-              onMouseOut={[Function]}
-              onMouseOver={[Function]}
-              onTouchEnd={[Function]}
-              type="button"
-            >
-              Sign Out
-            </button>
-          </div>
-        </div>
-      </div>
-      <form
-        autoComplete="off"
-        className="PostCommentForm-root"
-        id="comments-postCommentForm-form"
-        onSubmit={[Function]}
-      >
-        <div
-          className="HorizontalGutter-root HorizontalGutter-full"
-        >
-          <div>
-            <label
-              className="AriaInfo-root"
-              htmlFor="comments-postCommentForm-field"
-            >
-              Post a comment
-            </label>
-            <div>
-              <div
-                className=""
-              >
-                <div
-                  className="Toolbar-toolbar"
-                >
-                  <button
-                    className="Button-button"
-                    disabled={false}
-                    onClick={[Function]}
-                    title="Bold"
-                    type="button"
-                  >
-                    <span
-                      aria-hidden="true"
-                      className="Icon-root Icon-md"
-                    >
-                      format_bold
-                    </span>
-                  </button>
-                  <button
-                    className="Button-button"
-                    disabled={false}
-                    onClick={[Function]}
-                    title="Italic"
-                    type="button"
-                  >
-                    <span
-                      aria-hidden="true"
-                      className="Icon-root Icon-md"
-                    >
-                      format_italic
-                    </span>
-                  </button>
-                  <button
-                    className="Button-button"
-                    disabled={false}
-                    onClick={[Function]}
-                    title="Blockquote"
-                    type="button"
-                  >
-                    <span
-                      aria-hidden="true"
-                      className="Icon-root Icon-md"
-                    >
-                      format_quote
-                    </span>
-                  </button>
-                </div>
-                <div
-                  aria-hidden="true"
-                  className="RTE-placeholder RTE-placeholder"
-                >
-                  Post a comment
-                </div>
-                <div
-                  aria-placeholder="Post a comment"
-                  className="RTE-contentEditable RTE-content"
-                  contentEditable={true}
-                  dangerouslySetInnerHTML={
-                    Object {
-                      "__html": "",
-                    }
-                  }
-                  disabled={false}
-                  id="comments-postCommentForm-field"
-                  onBlur={[Function]}
-                  onChange={[Function]}
-                  onCut={[Function]}
-                  onFocus={[Function]}
-                  onInput={[Function]}
-                  onKeyDown={[Function]}
-                  onPaste={[Function]}
-                  onSelect={[Function]}
-                />
-              </div>
-            </div>
-          </div>
-          <div
-            className="Flex-root Flex-flex Flex-justifySpaceBetween Flex-alignFlexStart Flex-directionRow"
+            className="Flex-flex Flex-halfItemGutter Flex-wrap"
           >
             <div
-              className="PostCommentForm-poweredBy"
+              className="Typography-root Typography-bodyCopy Typography-colorTextPrimary"
             >
+              Signed in as 
               <span
-                className="Typography-root Typography-detail Typography-colorTextSecondary"
+                className="Typography-root Typography-bodyCopyBold Typography-colorTextPrimary"
               >
-                Powered by 
-                <span
-                  className="Typography-root Typography-heading4 Typography-colorTextPrimary"
-                >
-                  ⁨The Coral Project⁩
-                </span>
+                Markus
               </span>
+              .
             </div>
-            <button
-              className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled Button-disabled"
-              disabled={true}
-              onBlur={[Function]}
-              onFocus={[Function]}
-              onMouseDown={[Function]}
-              onMouseOut={[Function]}
-              onMouseOver={[Function]}
-              onTouchEnd={[Function]}
-              type="submit"
-            >
-              Submit
-            </button>
-          </div>
-        </div>
-      </form>
-    </div>
-    <div
-      aria-live="polite"
-      className="HorizontalGutter-root HorizontalGutter-full"
-      id="talk-comments-stream-log"
-      role="log"
-    >
-      <div
-        className="HorizontalGutter-root HorizontalGutter-full"
-      >
-        <div
-          className="Indent-root"
-        >
-          <div
-            className=""
-          >
             <div
-              className="Comment-root"
-              role="article"
+              className="Flex-root Typography-root Typography-bodyCopy Typography-colorTextPrimary Flex-flex"
             >
-              <div
-                className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
-                id="comment-comment-with-deepest-replies"
+              <span>
+                Not you? 
+              </span>
+              <button
+                className="BaseButton-root Button-root Button-sizeSmall Button-colorPrimary Button-variantUnderlined"
+                onBlur={[Function]}
+                onClick={[Function]}
+                onFocus={[Function]}
+                onMouseDown={[Function]}
+                onMouseOut={[Function]}
+                onMouseOver={[Function]}
+                onTouchEnd={[Function]}
+                type="button"
               >
-                <div
-                  className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
-                >
-                  <span
-                    className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
-                  >
-                    Markus
-                  </span>
-                  <div
-                    className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
-                  >
-                    <time
-                      className="Timestamp-root RelativeTime-root"
-                      dateTime="2018-07-06T18:24:00.000Z"
-                      title="2018-07-06T18:24:00.000Z"
-                    >
-                      2018-07-06T18:24:00.000Z
-                    </time>
-                  </div>
-                </div>
-              </div>
-              <div
-                className="HTMLContent-root"
-                dangerouslySetInnerHTML={
-                  Object {
-                    "__html": "body 0",
-                  }
-                }
-              />
-              <div
-                className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
-              >
-                <button
-                  className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
-                  id="comments-commentContainer-replyButton-comment-with-deepest-replies"
-                  onBlur={[Function]}
-                  onClick={[Function]}
-                  onFocus={[Function]}
-                  onMouseDown={[Function]}
-                  onMouseOut={[Function]}
-                  onMouseOver={[Function]}
-                  onTouchEnd={[Function]}
-                  type="button"
-                >
-                  <span>
-                    Reply
-                  </span>
-                </button>
-              </div>
+                Sign Out
+              </button>
             </div>
           </div>
         </div>
-        <div
-          className="HorizontalGutter-root HorizontalGutter-full"
-          id="talk-comments-replyList-log--comment-with-deepest-replies"
-          role="log"
+        <form
+          autoComplete="off"
+          className="PostCommentForm-root"
+          id="comments-postCommentForm-form"
+          onSubmit={[Function]}
         >
           <div
             className="HorizontalGutter-root HorizontalGutter-full"
           >
-            <div
-              className="Indent-root"
-            >
-              <div
-                className="Indent-level1"
+            <div>
+              <label
+                className="AriaInfo-root"
+                htmlFor="comments-postCommentForm-field"
               >
+                Post a comment
+              </label>
+              <div>
                 <div
-                  className="Comment-root"
-                  role="article"
+                  className=""
                 >
                   <div
-                    className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
-                    id="comment-comment-with-deepest-replies-1"
-                  >
-                    <div
-                      className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
-                    >
-                      <span
-                        className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
-                      >
-                        Markus
-                      </span>
-                      <div
-                        className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
-                      >
-                        <time
-                          className="Timestamp-root RelativeTime-root"
-                          dateTime="2018-07-06T18:24:00.000Z"
-                          title="2018-07-06T18:24:00.000Z"
-                        >
-                          2018-07-06T18:24:00.000Z
-                        </time>
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    className="HTMLContent-root"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": "body 1",
-                      }
-                    }
-                  />
-                  <div
-                    className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
+                    className="Toolbar-toolbar"
                   >
                     <button
-                      className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
-                      id="comments-commentContainer-replyButton-comment-with-deepest-replies-1"
-                      onBlur={[Function]}
+                      className="Button-button"
+                      disabled={false}
                       onClick={[Function]}
-                      onFocus={[Function]}
-                      onMouseDown={[Function]}
-                      onMouseOut={[Function]}
-                      onMouseOver={[Function]}
-                      onTouchEnd={[Function]}
+                      title="Bold"
                       type="button"
                     >
-                      <span>
-                        Reply
+                      <span
+                        aria-hidden="true"
+                        className="Icon-root Icon-md"
+                      >
+                        format_bold
+                      </span>
+                    </button>
+                    <button
+                      className="Button-button"
+                      disabled={false}
+                      onClick={[Function]}
+                      title="Italic"
+                      type="button"
+                    >
+                      <span
+                        aria-hidden="true"
+                        className="Icon-root Icon-md"
+                      >
+                        format_italic
+                      </span>
+                    </button>
+                    <button
+                      className="Button-button"
+                      disabled={false}
+                      onClick={[Function]}
+                      title="Blockquote"
+                      type="button"
+                    >
+                      <span
+                        aria-hidden="true"
+                        className="Icon-root Icon-md"
+                      >
+                        format_quote
                       </span>
                     </button>
                   </div>
+                  <div
+                    aria-hidden="true"
+                    className="RTE-placeholder RTE-placeholder"
+                  >
+                    Post a comment
+                  </div>
+                  <div
+                    aria-placeholder="Post a comment"
+                    className="RTE-contentEditable RTE-content"
+                    contentEditable={true}
+                    dangerouslySetInnerHTML={
+                      Object {
+                        "__html": "",
+                      }
+                    }
+                    disabled={false}
+                    id="comments-postCommentForm-field"
+                    onBlur={[Function]}
+                    onChange={[Function]}
+                    onCut={[Function]}
+                    onFocus={[Function]}
+                    onInput={[Function]}
+                    onKeyDown={[Function]}
+                    onPaste={[Function]}
+                    onSelect={[Function]}
+                  />
                 </div>
               </div>
             </div>
             <div
-              className="HorizontalGutter-root HorizontalGutter-full"
-              id="talk-comments-replyList-log--comment-with-deepest-replies-1"
-              role="log"
+              className="Flex-root Flex-flex Flex-justifySpaceBetween Flex-alignFlexStart Flex-directionRow"
             >
               <div
-                className="HorizontalGutter-root HorizontalGutter-full"
+                className="PostCommentForm-poweredBy"
+              >
+                <span
+                  className="Typography-root Typography-detail Typography-colorTextSecondary"
+                >
+                  Powered by 
+                  <span
+                    className="Typography-root Typography-heading4 Typography-colorTextPrimary"
+                  >
+                    ⁨The Coral Project⁩
+                  </span>
+                </span>
+              </div>
+              <button
+                className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled Button-disabled"
+                disabled={true}
+                onBlur={[Function]}
+                onFocus={[Function]}
+                onMouseDown={[Function]}
+                onMouseOut={[Function]}
+                onMouseOver={[Function]}
+                onTouchEnd={[Function]}
+                type="submit"
+              >
+                Submit
+              </button>
+            </div>
+          </div>
+        </form>
+      </div>
+      <div
+        aria-live="polite"
+        className="HorizontalGutter-root HorizontalGutter-full"
+        id="talk-comments-stream-log"
+        role="log"
+      >
+        <div
+          className="HorizontalGutter-root HorizontalGutter-full"
+        >
+          <div
+            className="Indent-root"
+          >
+            <div
+              className=""
+            >
+              <div
+                className="Comment-root"
+                role="article"
               >
                 <div
-                  className="Indent-root"
+                  className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
+                  id="comment-comment-with-deepest-replies"
                 >
                   <div
-                    className="Indent-level2"
+                    className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
                   >
-                    <div
-                      className="Comment-root"
-                      role="article"
+                    <span
+                      className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
                     >
-                      <div
-                        className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
-                        id="comment-comment-with-deepest-replies-2"
+                      Markus
+                    </span>
+                    <div
+                      className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
+                    >
+                      <time
+                        className="Timestamp-root RelativeTime-root"
+                        dateTime="2018-07-06T18:24:00.000Z"
+                        title="2018-07-06T18:24:00.000Z"
                       >
-                        <div
-                          className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
-                        >
-                          <span
-                            className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
-                          >
-                            Markus
-                          </span>
-                          <div
-                            className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
-                          >
-                            <time
-                              className="Timestamp-root RelativeTime-root"
-                              dateTime="2018-07-06T18:24:00.000Z"
-                              title="2018-07-06T18:24:00.000Z"
-                            >
-                              2018-07-06T18:24:00.000Z
-                            </time>
-                          </div>
-                        </div>
-                      </div>
-                      <div
-                        className="HTMLContent-root"
-                        dangerouslySetInnerHTML={
-                          Object {
-                            "__html": "body 2",
-                          }
-                        }
-                      />
-                      <div
-                        className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
-                      >
-                        <button
-                          className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
-                          id="comments-commentContainer-replyButton-comment-with-deepest-replies-2"
-                          onBlur={[Function]}
-                          onClick={[Function]}
-                          onFocus={[Function]}
-                          onMouseDown={[Function]}
-                          onMouseOut={[Function]}
-                          onMouseOver={[Function]}
-                          onTouchEnd={[Function]}
-                          type="button"
-                        >
-                          <span>
-                            Reply
-                          </span>
-                        </button>
-                      </div>
+                        2018-07-06T18:24:00.000Z
+                      </time>
                     </div>
                   </div>
                 </div>
                 <div
-                  className="HorizontalGutter-root HorizontalGutter-full"
-                  id="talk-comments-replyList-log--comment-with-deepest-replies-2"
-                  role="log"
+                  className="HTMLContent-root"
+                  dangerouslySetInnerHTML={
+                    Object {
+                      "__html": "body 0",
+                    }
+                  }
+                />
+                <div
+                  className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
+                >
+                  <button
+                    className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                    id="comments-commentContainer-replyButton-comment-with-deepest-replies"
+                    onBlur={[Function]}
+                    onClick={[Function]}
+                    onFocus={[Function]}
+                    onMouseDown={[Function]}
+                    onMouseOut={[Function]}
+                    onMouseOver={[Function]}
+                    onTouchEnd={[Function]}
+                    type="button"
+                  >
+                    <span>
+                      Reply
+                    </span>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="HorizontalGutter-root HorizontalGutter-full"
+            id="talk-comments-replyList-log--comment-with-deepest-replies"
+            role="log"
+          >
+            <div
+              className="HorizontalGutter-root HorizontalGutter-full"
+            >
+              <div
+                className="Indent-root"
+              >
+                <div
+                  className="Indent-level1"
                 >
                   <div
-                    className="HorizontalGutter-root HorizontalGutter-full"
+                    className="Comment-root"
+                    role="article"
                   >
                     <div
-                      className="Indent-root"
+                      className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
+                      id="comment-comment-with-deepest-replies-1"
                     >
                       <div
-                        className="Indent-level3"
+                        className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
                       >
-                        <div
-                          className="Comment-root"
-                          role="article"
+                        <span
+                          className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
                         >
-                          <div
-                            className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
-                            id="comment-comment-with-deepest-replies-3"
+                          Markus
+                        </span>
+                        <div
+                          className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
+                        >
+                          <time
+                            className="Timestamp-root RelativeTime-root"
+                            dateTime="2018-07-06T18:24:00.000Z"
+                            title="2018-07-06T18:24:00.000Z"
                           >
-                            <div
-                              className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
-                            >
-                              <span
-                                className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
-                              >
-                                Markus
-                              </span>
-                              <div
-                                className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
-                              >
-                                <time
-                                  className="Timestamp-root RelativeTime-root"
-                                  dateTime="2018-07-06T18:24:00.000Z"
-                                  title="2018-07-06T18:24:00.000Z"
-                                >
-                                  2018-07-06T18:24:00.000Z
-                                </time>
-                              </div>
-                            </div>
-                          </div>
-                          <div
-                            className="HTMLContent-root"
-                            dangerouslySetInnerHTML={
-                              Object {
-                                "__html": "body 3",
-                              }
-                            }
-                          />
-                          <div
-                            className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
-                          >
-                            <button
-                              className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
-                              id="comments-commentContainer-replyButton-comment-with-deepest-replies-3"
-                              onBlur={[Function]}
-                              onClick={[Function]}
-                              onFocus={[Function]}
-                              onMouseDown={[Function]}
-                              onMouseOut={[Function]}
-                              onMouseOver={[Function]}
-                              onTouchEnd={[Function]}
-                              type="button"
-                            >
-                              <span>
-                                Reply
-                              </span>
-                            </button>
-                          </div>
+                            2018-07-06T18:24:00.000Z
+                          </time>
                         </div>
                       </div>
                     </div>
                     <div
-                      className="HorizontalGutter-root HorizontalGutter-full"
-                      id="talk-comments-replyList-log--comment-with-deepest-replies-3"
-                      role="log"
+                      className="HTMLContent-root"
+                      dangerouslySetInnerHTML={
+                        Object {
+                          "__html": "body 1",
+                        }
+                      }
+                    />
+                    <div
+                      className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
+                    >
+                      <button
+                        className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                        id="comments-commentContainer-replyButton-comment-with-deepest-replies-1"
+                        onBlur={[Function]}
+                        onClick={[Function]}
+                        onFocus={[Function]}
+                        onMouseDown={[Function]}
+                        onMouseOut={[Function]}
+                        onMouseOver={[Function]}
+                        onTouchEnd={[Function]}
+                        type="button"
+                      >
+                        <span>
+                          Reply
+                        </span>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                className="HorizontalGutter-root HorizontalGutter-full"
+                id="talk-comments-replyList-log--comment-with-deepest-replies-1"
+                role="log"
+              >
+                <div
+                  className="HorizontalGutter-root HorizontalGutter-full"
+                >
+                  <div
+                    className="Indent-root"
+                  >
+                    <div
+                      className="Indent-level2"
                     >
                       <div
-                        className="HorizontalGutter-root HorizontalGutter-full"
+                        className="Comment-root"
+                        role="article"
                       >
                         <div
-                          className="Indent-root"
+                          className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
+                          id="comment-comment-with-deepest-replies-2"
                         >
                           <div
-                            className="Indent-level4"
+                            className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
                           >
-                            <div
-                              className="Comment-root"
-                              role="article"
+                            <span
+                              className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
                             >
-                              <div
-                                className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
-                                id="comment-comment-with-deepest-replies-4"
+                              Markus
+                            </span>
+                            <div
+                              className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
+                            >
+                              <time
+                                className="Timestamp-root RelativeTime-root"
+                                dateTime="2018-07-06T18:24:00.000Z"
+                                title="2018-07-06T18:24:00.000Z"
                               >
-                                <div
-                                  className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
-                                >
-                                  <span
-                                    className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
-                                  >
-                                    Markus
-                                  </span>
-                                  <div
-                                    className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
-                                  >
-                                    <time
-                                      className="Timestamp-root RelativeTime-root"
-                                      dateTime="2018-07-06T18:24:00.000Z"
-                                      title="2018-07-06T18:24:00.000Z"
-                                    >
-                                      2018-07-06T18:24:00.000Z
-                                    </time>
-                                  </div>
-                                </div>
-                              </div>
-                              <div
-                                className="HTMLContent-root"
-                                dangerouslySetInnerHTML={
-                                  Object {
-                                    "__html": "body 4",
-                                  }
-                                }
-                              />
-                              <div
-                                className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
-                              >
-                                <button
-                                  className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
-                                  id="comments-commentContainer-replyButton-comment-with-deepest-replies-4"
-                                  onBlur={[Function]}
-                                  onClick={[Function]}
-                                  onFocus={[Function]}
-                                  onMouseDown={[Function]}
-                                  onMouseOut={[Function]}
-                                  onMouseOver={[Function]}
-                                  onTouchEnd={[Function]}
-                                  type="button"
-                                >
-                                  <span>
-                                    Reply
-                                  </span>
-                                </button>
-                              </div>
+                                2018-07-06T18:24:00.000Z
+                              </time>
                             </div>
                           </div>
                         </div>
                         <div
-                          className="HorizontalGutter-root HorizontalGutter-full"
-                          id="talk-comments-replyList-log--comment-with-deepest-replies-4"
-                          role="log"
+                          className="HTMLContent-root"
+                          dangerouslySetInnerHTML={
+                            Object {
+                              "__html": "body 2",
+                            }
+                          }
+                        />
+                        <div
+                          className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
+                        >
+                          <button
+                            className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                            id="comments-commentContainer-replyButton-comment-with-deepest-replies-2"
+                            onBlur={[Function]}
+                            onClick={[Function]}
+                            onFocus={[Function]}
+                            onMouseDown={[Function]}
+                            onMouseOut={[Function]}
+                            onMouseOver={[Function]}
+                            onTouchEnd={[Function]}
+                            type="button"
+                          >
+                            <span>
+                              Reply
+                            </span>
+                          </button>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    className="HorizontalGutter-root HorizontalGutter-full"
+                    id="talk-comments-replyList-log--comment-with-deepest-replies-2"
+                    role="log"
+                  >
+                    <div
+                      className="HorizontalGutter-root HorizontalGutter-full"
+                    >
+                      <div
+                        className="Indent-root"
+                      >
+                        <div
+                          className="Indent-level3"
                         >
                           <div
-                            className="HorizontalGutter-root HorizontalGutter-full"
+                            className="Comment-root"
+                            role="article"
                           >
                             <div
-                              className="Indent-root"
+                              className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
+                              id="comment-comment-with-deepest-replies-3"
                             >
                               <div
-                                className="Indent-level5"
+                                className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
+                              >
+                                <span
+                                  className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
+                                >
+                                  Markus
+                                </span>
+                                <div
+                                  className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
+                                >
+                                  <time
+                                    className="Timestamp-root RelativeTime-root"
+                                    dateTime="2018-07-06T18:24:00.000Z"
+                                    title="2018-07-06T18:24:00.000Z"
+                                  >
+                                    2018-07-06T18:24:00.000Z
+                                  </time>
+                                </div>
+                              </div>
+                            </div>
+                            <div
+                              className="HTMLContent-root"
+                              dangerouslySetInnerHTML={
+                                Object {
+                                  "__html": "body 3",
+                                }
+                              }
+                            />
+                            <div
+                              className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
+                            >
+                              <button
+                                className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                id="comments-commentContainer-replyButton-comment-with-deepest-replies-3"
+                                onBlur={[Function]}
+                                onClick={[Function]}
+                                onFocus={[Function]}
+                                onMouseDown={[Function]}
+                                onMouseOut={[Function]}
+                                onMouseOver={[Function]}
+                                onTouchEnd={[Function]}
+                                type="button"
+                              >
+                                <span>
+                                  Reply
+                                </span>
+                              </button>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <div
+                        className="HorizontalGutter-root HorizontalGutter-full"
+                        id="talk-comments-replyList-log--comment-with-deepest-replies-3"
+                        role="log"
+                      >
+                        <div
+                          className="HorizontalGutter-root HorizontalGutter-full"
+                        >
+                          <div
+                            className="Indent-root"
+                          >
+                            <div
+                              className="Indent-level4"
+                            >
+                              <div
+                                className="Comment-root"
+                                role="article"
                               >
                                 <div
-                                  className="Comment-root"
-                                  role="article"
+                                  className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
+                                  id="comment-comment-with-deepest-replies-4"
                                 >
                                   <div
-                                    className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
-                                    id="comment-comment-with-deepest-replies-5"
+                                    className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
                                   >
-                                    <div
-                                      className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
+                                    <span
+                                      className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
                                     >
-                                      <span
-                                        className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
+                                      Markus
+                                    </span>
+                                    <div
+                                      className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
+                                    >
+                                      <time
+                                        className="Timestamp-root RelativeTime-root"
+                                        dateTime="2018-07-06T18:24:00.000Z"
+                                        title="2018-07-06T18:24:00.000Z"
                                       >
-                                        Markus
-                                      </span>
-                                      <div
-                                        className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
-                                      >
-                                        <time
-                                          className="Timestamp-root RelativeTime-root"
-                                          dateTime="2018-07-06T18:24:00.000Z"
-                                          title="2018-07-06T18:24:00.000Z"
-                                        >
-                                          2018-07-06T18:24:00.000Z
-                                        </time>
-                                      </div>
+                                        2018-07-06T18:24:00.000Z
+                                      </time>
                                     </div>
                                   </div>
-                                  <div
-                                    className="HTMLContent-root"
-                                    dangerouslySetInnerHTML={
-                                      Object {
-                                        "__html": "body 5",
-                                      }
+                                </div>
+                                <div
+                                  className="HTMLContent-root"
+                                  dangerouslySetInnerHTML={
+                                    Object {
+                                      "__html": "body 4",
                                     }
-                                  />
-                                  <div
-                                    className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
+                                  }
+                                />
+                                <div
+                                  className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
+                                >
+                                  <button
+                                    className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                    id="comments-commentContainer-replyButton-comment-with-deepest-replies-4"
+                                    onBlur={[Function]}
+                                    onClick={[Function]}
+                                    onFocus={[Function]}
+                                    onMouseDown={[Function]}
+                                    onMouseOut={[Function]}
+                                    onMouseOver={[Function]}
+                                    onTouchEnd={[Function]}
+                                    type="button"
                                   >
-                                    <button
-                                      className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
-                                      id="comments-commentContainer-replyButton-comment-with-deepest-replies-5"
-                                      onBlur={[Function]}
-                                      onClick={[Function]}
-                                      onFocus={[Function]}
-                                      onMouseDown={[Function]}
-                                      onMouseOut={[Function]}
-                                      onMouseOver={[Function]}
-                                      onTouchEnd={[Function]}
-                                      type="button"
+                                    <span>
+                                      Reply
+                                    </span>
+                                  </button>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                          <div
+                            className="HorizontalGutter-root HorizontalGutter-full"
+                            id="talk-comments-replyList-log--comment-with-deepest-replies-4"
+                            role="log"
+                          >
+                            <div
+                              className="HorizontalGutter-root HorizontalGutter-full"
+                            >
+                              <div
+                                className="Indent-root"
+                              >
+                                <div
+                                  className="Indent-level5"
+                                >
+                                  <div
+                                    className="Comment-root"
+                                    role="article"
+                                  >
+                                    <div
+                                      className="Flex-root Comment-topBar Flex-flex Flex-justifySpaceBetween Flex-directionRow"
+                                      id="comment-comment-with-deepest-replies-5"
                                     >
-                                      <span>
-                                        Reply
-                                      </span>
-                                    </button>
+                                      <div
+                                        className="Flex-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
+                                      >
+                                        <span
+                                          className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
+                                        >
+                                          Markus
+                                        </span>
+                                        <div
+                                          className="Flex-root Flex-flex Flex-itemGutter Flex-alignBaseline Flex-directionRow"
+                                        >
+                                          <time
+                                            className="Timestamp-root RelativeTime-root"
+                                            dateTime="2018-07-06T18:24:00.000Z"
+                                            title="2018-07-06T18:24:00.000Z"
+                                          >
+                                            2018-07-06T18:24:00.000Z
+                                          </time>
+                                        </div>
+                                      </div>
+                                    </div>
+                                    <div
+                                      className="HTMLContent-root"
+                                      dangerouslySetInnerHTML={
+                                        Object {
+                                          "__html": "body 5",
+                                        }
+                                      }
+                                    />
+                                    <div
+                                      className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
+                                    >
+                                      <button
+                                        className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
+                                        id="comments-commentContainer-replyButton-comment-with-deepest-replies-5"
+                                        onBlur={[Function]}
+                                        onClick={[Function]}
+                                        onFocus={[Function]}
+                                        onMouseDown={[Function]}
+                                        onMouseOut={[Function]}
+                                        onMouseOver={[Function]}
+                                        onTouchEnd={[Function]}
+                                        type="button"
+                                      >
+                                        <span>
+                                          Reply
+                                        </span>
+                                      </button>
+                                    </div>
                                   </div>
                                 </div>
                               </div>
@@ -2934,6 +3158,6 @@ exports[`renders comment stream 1`] = `
         </div>
       </div>
     </div>
-  </div>
+  </section>
 </div>
 `;
diff --git a/src/core/client/stream/test/comments/__snapshots__/postReply.spec.tsx.snap b/src/core/client/stream/test/comments/__snapshots__/postReply.spec.tsx.snap
index 8f2fc4fa6..2965c29b6 100644
--- a/src/core/client/stream/test/comments/__snapshots__/postReply.spec.tsx.snap
+++ b/src/core/client/stream/test/comments/__snapshots__/postReply.spec.tsx.snap
@@ -30,9 +30,32 @@ exports[`post a reply: open reply form 1`] = `
         Comments
       </button>
     </li>
+    <li
+      className="Tab-root"
+      id="tab-PROFILE"
+      role="presentation"
+    >
+      <button
+        aria-controls="tabPane-PROFILE"
+        aria-selected={false}
+        className="BaseButton-root Tab-button Tab-primary"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onMouseDown={[Function]}
+        onMouseOut={[Function]}
+        onMouseOver={[Function]}
+        onTouchEnd={[Function]}
+        role="tab"
+        type="button"
+      >
+        My Profile
+      </button>
+    </li>
   </ul>
   <section
     aria-labelledby="tab-COMMENTS"
+    className="App-tabContent"
     id="tabPane-COMMENTS"
     role="tabpanel"
   >
@@ -519,9 +542,32 @@ exports[`post a reply: optimistic response 1`] = `
         Comments
       </button>
     </li>
+    <li
+      className="Tab-root"
+      id="tab-PROFILE"
+      role="presentation"
+    >
+      <button
+        aria-controls="tabPane-PROFILE"
+        aria-selected={false}
+        className="BaseButton-root Tab-button Tab-primary"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onMouseDown={[Function]}
+        onMouseOut={[Function]}
+        onMouseOver={[Function]}
+        onTouchEnd={[Function]}
+        role="tab"
+        type="button"
+      >
+        My Profile
+      </button>
+    </li>
   </ul>
   <section
     aria-labelledby="tab-COMMENTS"
+    className="App-tabContent"
     id="tabPane-COMMENTS"
     role="tabpanel"
   >
@@ -1094,9 +1140,32 @@ exports[`post a reply: server response 1`] = `
         Comments
       </button>
     </li>
+    <li
+      className="Tab-root"
+      id="tab-PROFILE"
+      role="presentation"
+    >
+      <button
+        aria-controls="tabPane-PROFILE"
+        aria-selected={false}
+        className="BaseButton-root Tab-button Tab-primary"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onMouseDown={[Function]}
+        onMouseOut={[Function]}
+        onMouseOver={[Function]}
+        onTouchEnd={[Function]}
+        role="tab"
+        type="button"
+      >
+        My Profile
+      </button>
+    </li>
   </ul>
   <section
     aria-labelledby="tab-COMMENTS"
+    className="App-tabContent"
     id="tabPane-COMMENTS"
     role="tabpanel"
   >
@@ -1532,9 +1601,32 @@ exports[`renders comment stream 1`] = `
         Comments
       </button>
     </li>
+    <li
+      className="Tab-root"
+      id="tab-PROFILE"
+      role="presentation"
+    >
+      <button
+        aria-controls="tabPane-PROFILE"
+        aria-selected={false}
+        className="BaseButton-root Tab-button Tab-primary"
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onMouseDown={[Function]}
+        onMouseOut={[Function]}
+        onMouseOver={[Function]}
+        onTouchEnd={[Function]}
+        role="tab"
+        type="button"
+      >
+        My Profile
+      </button>
+    </li>
   </ul>
   <section
     aria-labelledby="tab-COMMENTS"
+    className="App-tabContent"
     id="tabPane-COMMENTS"
     role="tabpanel"
   >
diff --git a/src/locales/en-US/stream.ftl b/src/locales/en-US/stream.ftl
index 9875ee86c..d5b0fa249 100644
--- a/src/locales/en-US/stream.ftl
+++ b/src/locales/en-US/stream.ftl
@@ -71,5 +71,6 @@ comments-editedMarker-edited = Edited
 
 ## Profile Tab
 profile-historyComment-viewConversation = View Conversation
-profile-historyComment-replies = Replies
+profile-historyComment-replies = Replies {$replyCount}
 profile-historyComment-commentHistory = Comment History
+profile-historyComment-story = Story {$title}