src/components/SettingsModal/GeneralTab.scss
.language-dropdown {
  &.Dropdown {
    border: 1px solid var(--gray-6);
  }

  .Dropdown__items {
    inset-inline-start: 0;
    width: 336px;
  }
}

.theme-options {
  width: 336px;
  height: 160px;
  display: flex;
  justify-content: space-between;

  .theme-option {
    width: 160px;
    height: 160px;
    display: flex;
    flex-direction: column;

    .Icon {
      width: 160px;
      height: 120px;

      &.light-mode-icon {
        color: white;
      }

      &.dark-mode-icon {
        color: black;
      }

      svg {
        border: 1px solid;
        border-color: var(--border);
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
      }
    }

    .theme-choice {
      height: 100%;
      border: 1px solid;
      border-color: var(--border);
      border-top: 0px;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
      display: flex;
      padding-inline-start: 12px;
    }

    &.active-theme {
      .Icon svg {
        border-color: var(--blue-5);
      }

      .theme-choice {
        border-color: var(--blue-5);
      }
    }
  }
}
