.text-field-with-copy-button {
  position: relative;
  width: 532px;
}

.text-field-with-copy-button .text-field {
  width: 500px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.text-field-with-copy-button .text-field > input {
  /*Overriding input:disabled to make disabled TextField look like readonly.*/
}

.text-field-with-copy-button .text-field > input:disabled, .text-field-with-copy-button .text-field > input:disabled:active, .text-field-with-copy-button .text-field > input:disabled:hover, .text-field-with-copy-button .text-field > input:disabled:focus {
  background-color: white;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  pointer-events: visible;
  cursor: text;
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
}

.text-field-with-copy-button .text-field label {
  height: 29px;
}

.text-field-with-copy-button .icon {
  cursor: pointer;
}

.text-field-with-copy-button .ms-TooltipHost {
  position: absolute;
  right: 1px;
  top: 29px;
}

.text-field-with-copy-button .copy-button {
  width: 32px;
  height: 32px;
  padding: 6px;
}