#frontendDisplay {
  padding: 0;
  width: 100%;
  height: inherit;
}

#frontendDisplayParent {
  padding: 0;
  margin: 0;
  overflow-y: hidden;
}

#taleMetadataForm {
  margin-top: 20px;  
}

.or:before {
    color: rgba(0, 0, 0, 0.7) !important;
    font-size: 1.5em;
    margin-left: -5px;
}

#tale-icon {
  margin-right: 0;
}

#environmentDropdown {
  width: 100%
}

.environment-icon {
  height: 28px;
  width: 28px;
}

#taleTabSelector {
  display: inline-flex;
}

#taleMetadataTab {
  overflow-x: auto;
  max-height: 50vh;
}
#frontendDisplay {
  padding: 0;
  width: 100%;
  height: inherit;
}

#frontendDisplayParent {
  padding: 0;
  margin: 0;
  overflow-y: hidden;
}

#taleMetadataForm {
  margin-top: 20px;  
}

.or:before {
    color: rgba(0, 0, 0, 0.7) !important;
    font-size: 1.5em;
    margin-left: -5px;
}

#tale-icon {
  margin-right: 0;
}

#environmentDropdown {
  width: 100%
}

.environment-icon {
  height: 28px;
  width: 28px;
}

#taleTabSelector {
  display: inline-flex;
}

#taleMetadataTab {
  overflow: auto;
  height: calc(100vh - (2.5rem + 50px + 40px + 50px + 0px + 94px + 50px));
}
Fix height of scroll area on metadata tab
Fix height of scroll area on metadata tab
