.exampleOutput {
  display: flex;
  border: 1px solid rgb(224, 224, 224);
  padding: 2rem;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.codeBlock pre {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  max-height: 250px;
  overflow: auto;
}

.example-grid-content {
  background: rgb(224, 224, 224);
  display: flex;
  padding: 5px;
}

.exampleOutput .btn + .btn {
  margin-left: 1rem;
}

.example-color {
  width: 12em;
  line-height: 50px;
  text-align: center;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
}

.exampleOutput {
  display: flex;
  border: 1px solid rgb(224, 224, 224);
  padding: 2rem;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  max-height: 640px;
  overflow: auto;
}

.codeBlock pre {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  max-height: 250px;
  overflow: auto;
}

.example-grid-content {
  background: rgb(224, 224, 224);
  display: flex;
  padding: 5px;
}

.exampleOutput .btn + .btn {
  margin-left: 1rem;
}

.example-color {
  width: 12em;
  line-height: 50px;
  text-align: center;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
}

Set max overflow of demo to 640px
Set max overflow of demo to 640px
