hotfix MR

src/components/Modal/Components/SelectMedicamento/SelectMedicamento.css

+.select-container {
+    position: relative;
+    width: 290px;
+    margin-top: 10px;
+    margin-bottom: 10px;
+  }
+  
+  .caixa-de-selecao {
+    width: 100%;
+    height: 38px;
+    border: none;
+    border-radius: 3px;
+    outline: none;
+    background-color: #eaeaea;
+    padding-left: 10px;
+    font-family: Poppins;
+    font-size: 13px;
+    font-weight: 500;
+    color: #696969;
+    appearance: none;
+  }
+  
+  .arrow-icon {
+    position: absolute;
+    top: 20%;
+    right: 10px;
+    transform: translateY(-50%);
+    pointer-events: none;
+    color: #696969;
+    transform: rotate(90deg);
+    max-width: 15px;
+  }
\ No newline at end of file

src/components/Modal/Components/SelectMedicamento/SelectMedicamento.tsx

+import './SelectMedicamento.css';
+import ArrowForwardIosRoundedIcon from '@mui/icons-material/ArrowForwardIosRounded';
+
+interface SelectMedicamentoProps {
+  onChange: (nomeDoRemedio: string) => void;
+  value: string;
+  medicationList?: string[];
+}
+
+export default function SelectMedicamento({onChange, value, medicationList} : SelectMedicamentoProps) {
+  const handleChange = (e: React.ChangeEvent<HTMLSelectElement>) => {
+    const nomeDoRemedio = e.target.value;
+    onChange(nomeDoRemedio);
+  }
+
+  const exemploList = [
+    "Remédio 1",
+    "Remédio 2",
+    "Remédio 3"
+  ]
+
+  const list = (medicationList == null || medicationList == undefined) ? exemploList : medicationList;
+
+  return (
+    <div className='select-container'>
+        <select
+          className='caixa-de-selecao'
+          onChange={handleChange}
+          value={value}
+        >
+          <option value="" disabled selected>Selecione o medicamento...</option>
+          {list.map((remedios) => (
+            <option
+              key={remedios}
+              value={remedios}
+            >
+              {remedios}
+            </option>
+          ))}
+        </select>
+        <ArrowForwardIosRoundedIcon className='arrow-icon' />
+    </div>
+  )
+}
\ No newline at end of file

src/components/Modal/Components/SelectTime/SelectTime.css

+.componente-time {
+    width: 300px;
+}
+
+.horario {
+    font-family: Poppins;
+    color: #696969;
+    font-size: 13px;
+    width: 20px;
+    overflow-wrap: break-word;
+}
+
+.hora-minuto{
+    height: 0px;
+    width: 72px;
+    border: none;
+    border-radius: 3px;
+    outline: none;
+    background-color: #eaeaea;
+    padding-left: 12px;
+    font-family: Poppins;
+    font-size: 13px;
+    font-weight: 500;
+    color: #696969;
+}
\ No newline at end of file

src/components/Modal/Components/SelectTime/SelectTime.tsx

+import { ChangeEvent, useState } from 'react';
+import './SelectTime.css';
+
+export default function SelectTime() {
+    const [selectedTime, setSelectedTime] = useState('00:00');
+
+    const handleTimeChange = (event: ChangeEvent<HTMLInputElement>) => {
+        setSelectedTime(event.target.value);
+    }
+
+    return (
+        <div className='componente-time'>
+            <label className='horario'>
+                Horário de Administração:
+                <input
+                    className='hora-minuto'
+                    type='time'
+                    value={selectedTime}
+                    onChange={handleTimeChange}
+                />
+            </label>
+        </div>
+    )
+}
\ No newline at end of file

src/components/Modal/Modal.css

@@ -47,4 +47,5 @@
   font-style: normal;
   font-weight: 500;
   line-height: normal;
+  margin-left: -23px;
 }