<div id="message-preview-8" class="message-body-inner">
  <div class="box message-preview">
    <div class="box-inner">
      <div class="header">
        <div class="avatar">
          <img
            src="https://via.placeholder.com/300x300"
            data-demo-src="assets/img/avatars/lana.jpeg"
            alt=""
            data-user-popover="10"
          />
        </div>
        <div class="meta">
          <div class="name">Lana Henrikssen</div>
          <div class="date">sept 16 2018, 10:03am</div>
        </div>
        <div class="meta-right">
          <div class="is-vhidden">
            <span class="tag is-important">Important</span>
          </div>
          <div class="is-vhidden">
            <i data-feather="paperclip"></i>
            <small>2 attachments</small>
          </div>
        </div>
      </div>

      <hr />
      <div class="content">
        <p>Hello,</p>
        <p>
          Corporis tempora id quae fuga. Perspiciatis quam magnam dolores ut
          quia. Neque vero non laudantium animi omnis qui debitis minus
          molestias. Est ut minus est dolores quo harum illum suscipit cumque.
        </p>
        <p>Sincerely, <br />Lana.</p>
      </div>
      <div class="has-text-right">
        <a class="button is-solid grey-button is-bold raised"
          >Reply to Message</a
        >
      </div>
    </div>
  </div>

  <div class="reply-wrapper">
    <div class="reply-title">
      Reply to conversation
      <i data-feather="help-circle" class="has-tip"></i>
      <!-- Title Popover -->
      <div class="webui-popover-content">
        <div class="popover-flex-block">
          <div class="icon-block">
            <i data-feather="info"></i>
          </div>
          <div class="content-block">
            <span>Format message, </span>
            <span
              >Select the text you want to edit to make the toolbar
              appear.</span
            >
          </div>
        </div>
      </div>
    </div>

    <div class="reply-wrapper-inner">
      <div class="flex-form">
        <img
          src="https://via.placeholder.com/300x300"
          data-demo-src="assets/img/avatars/jenna.png"
          alt=""
        />
        <div class="control">
          <div class="reply-textarea"></div>
        </div>
      </div>
      <div class="has-text-right">
        <button
          type="button"
          class="button is-solid accent-button is-bold raised send-message"
        >
          Send Message
        </button>
      </div>
    </div>
  </div>
</div>
