I'm currently working on customizing my navbar to display both react-selects in a single row. I initially had everything running smoothly with the traditional vanilla select, but integrating the react-select caused my styling to break.
Navbar.js
import React, { useState } from "react";
import classes from "./Navbar.module.css";
import { useDispatch } from "react-redux";
import { selectAction } from "../../../store/actions/actions";
import Logo from "../../../images/BB_S5_excl_namelab_c.jpg";
import Select from 'react-select';
const CharacterOptions = [
...
];
const QuoteOptions = [
...
];
const Navbar = (props) => {
...
};
export default Navbar;
Navbar.module.css
.Navbar{
...
}
.Navbar div ul {
...
}
...
Edit
Encountering issues increasing width of react-select
Here is my Codesandbox URL for reference: