rounded left and rounded right to s e

apps/app/src/components/InstallerForm.tsx

@@ -105,7 +105,7 @@ const InstallerForm = memo((): JSX.Element => {
               </div>
               <button
                 type="button"
-                className="btn btn-secondary dropdown-toggle form-control text-right rounded-right"
+                className="btn btn-secondary dropdown-toggle form-control text-right rounded-end"
                 id="dropdownLanguage"
                 data-testid="dropdownLanguage"
                 data-toggle="dropdown"

apps/app/src/components/SearchPage/SortControl.tsx

@@ -35,7 +35,7 @@ const SortControl: FC <Props> = (props: Props) => {
             {renderOrderIcon()}
           </div>
         </div>
-        <div className="border rounded-right">
+        <div className="border rounded-end">
           <button
             type="button"
             className="btn dropdown-toggle py-1"

apps/app/src/features/questionnaire/client/components/Question.tsx

@@ -25,7 +25,7 @@ const Question = ({ question, inputNamePrefix }: QuestionProps): JSX.Element =>
           <label className="btn btn-outline-primary active mr-4 rounded">
             <input type="radio" name={`${inputNamePrefix + question._id}`} id={`${question._id}-noAnswer`} value="0" defaultChecked /> -
           </label>
-          <label className="btn btn-outline-primary rounded-left">
+          <label className="btn btn-outline-primary rounded-start">
             <input type="radio" name={`${inputNamePrefix + question._id}`} id={`${question._id}-option1`} value="1" /> 1
           </label>
           <label className="btn btn-outline-primary">