.bubble {
  background-color: white;
  padding: 6px;
  box-sizing: border-box;
  margin: 0;
  position: relative;
  flex-grow: 1;
}

.bubbleLeft::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -10px;
  clip-path: polygon(0 0, 0 100%, 100% 100%);
  background-color: white;
}

.bubbleRight::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-30%);
  left: -10px;
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
  background-color: white;
}