.root {
  padding: var(--padding);
  max-height: 18rem;
  overflow: auto;
  box-sizing: border-box;
  width: 20rem;
  max-width: 100%;
  line-height: var(--lineHeight);
}

.header {
  border-bottom: var(--borderBottom);
  text-align: end;
  margin-bottom: 0.25rem;
}

.list {
  list-style-type: none;
  color: var(--color);
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.item {
  margin: 0;
  padding: 0;

  &:not(:last-of-type) {
    margin-bottom: var(--itemMargin);
  }

  &:not(:first-of-type) {
    border-top: var(--borderWidth) var(--borderStyle) var(--borderColor);
    padding-top: var(--itemPadding);
  }
}


.loading {
  text-align: center;
}

.root {
  padding: var(--padding);
  max-height: 18rem;
  overflow: auto;
  box-sizing: border-box;
  width: 20rem;
  max-width: 100%;
  line-height: var(--lineHeight);
}

.header {
  border-bottom: var(--borderBottom);
  text-align: end;
  text-align: right;
  margin-bottom: 0.25rem;
}

.list {
  list-style-type: none;
  color: var(--color);
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.item {
  margin: 0;
  padding: 0;

  &:not(:last-of-type) {
    margin-bottom: var(--itemMargin);
  }

  &:not(:first-of-type) {
    border-top: var(--borderWidth) var(--borderStyle) var(--borderColor);
    padding-top: var(--itemPadding);
  }
}


.loading {
  text-align: center;
}

Fix IE x wrong spot issue
Fix IE x wrong spot issue

closes FALCOR-392

Test Plan
* Check that opportuniteis styling is not messed up in all browsers

Change-Id: Ibcc2b2b48b6ca44bf1c73b3487b3f9baab1eb9bd
Reviewed-on: https://gerrit.instructure.com/117361
Reviewed-by: Dan Minkevitch <2591e5f46f28d303f9dc027d475a5c60d8dea17a@instructure.com>
Tested-by: Jenkins
QA-Review: Dan Sasaki <ae19fabf7fe19dff310008c9b6a4d2ec84d311d8@instructure.com>
Product-Review: Aaron Kc Hsu <089edc94045de3d9f5f372fb17706d21afcc259f@instructure.com>
