metamask-extension/ui/components/ui/qr-code/index.scss

.qr-code {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  &__message-container > div:first-child {
    @include Paragraph;

    margin-top: 18px;
    color: var(--color-text-muted);
  }

  &__message {
    @include H7;

    color: var(--color-warning-default);
  }

  &__error {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-error-default);
    margin-bottom: 9px;
  }

  &__address-container {
    display: flex;
    justify-content: center;

    &__tooltip-wrapper {
      width: 100%;
    }

    &:hover {
      cursor: pointer;

      .qr-code__copy-icon__svg {
        fill: var(--color-primary-default);
      }
    }
  }

  &__address {
    @include H7;

    background-color: var(--color-background-alternative);
    width: 76%;
    padding: 8px 12px;
    word-break: break-all;
    text-align: center;
  }

  &__copy-icon {
    height: 13px;
    padding: 17px 0;
    position: absolute;
    right: 24px;

    &__svg {
      fill: var(--color-icon-default);
    }
  }
}