.autocompletion-container {
  position: relative;
  display: flex;
  flex-direction: column;
}

.autocompletion-popup {
  display: flex;
  position: absolute;
  z-index: 2;
  width: 200px;
  height: 100px;

  background-color: white;
}

.autocompletion-container {
  position: relative;
  display: flex;
  flex-direction: column;
}

.autocompletion-popup {
  display: flex;
  position: absolute;
  z-index: 2;
  width: 200px;
  height: 100px;

  background-color: white;
  border: var(--base-border);
  border-radius: var(--border-radius);

  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

Make it stand out better against a background
Make it stand out better against a background
