Expected behavior Change text hover color

Actual behavior I have primary color on text hover instead of white color

Resources (screenshots, code snippets etc.)

<mdb-dropdown multiLevel>
        <mdb-dropdown-toggle color="secondary" slot="toggle" size="sm">Filtrer par</mdb-dropdown-toggle>
        <mdb-dropdown-menu>
          <mdb-dropdown-item tag="div" class="p-0" submenu>
            <mdb-dropdown class="w-100">
              <mdb-dropdown-item slot="toggle" submenuIcon="caret-right">
                <small>Projets</small>
              </mdb-dropdown-item>
              <mdb-dropdown-menu class="ml-2 rounded-0 border-0 z-depth-1">
                <mdb-dropdown-item @click="addProjects('Tous')">
                  <small>Tous</small>
                </mdb-dropdown-item>
                <div class="dropdown-divider"></div>
                <mdb-dropdown-item @click="addProjects('Consultation citoyenne')">
                  <small>Consultation citoyenne</small>
                </mdb-dropdown-item>
                <mdb-dropdown-item @click="addProjects('Résultats de la consultation citoyenne')">
                  <small>
                    Résultats de la
                    <br />consultation citoyenne
                  </small>
                </mdb-dropdown-item>
                <mdb-dropdown-item @click="addProjects('Consultation architecturale')">
                  <small>Consultation architecturale</small>
                </mdb-dropdown-item>
                <mdb-dropdown-item
                  @click="addProjects('Résultats de la consultation architecturale')"
                >
                  <small>
                    Résultats de la
                    <br />consultation architecturale
                  </small>
                </mdb-dropdown-item>
                <mdb-dropdown-item @click="addProjects('Vote citoyen')">
                  <small>Vote citoyen</small>
                </mdb-dropdown-item>
                <mdb-dropdown-item @click="addProjects('À finaliser')">
                  <small>À finaliser</small>
                </mdb-dropdown-item>
                <mdb-dropdown-item @click="addProjects('Terminé')">
                  <small>Terminé</small>
                </mdb-dropdown-item>
                <div class="dropdown-divider"></div>
                <mdb-dropdown-item @click="addProjects('Aucun')">
                  <small>Aucun</small>
                </mdb-dropdown-item>
              </mdb-dropdown-menu>
            </mdb-dropdown>
          </mdb-dropdown-item>
          <mdb-dropdown-item tag="div" class="p-0" submenu>
            <mdb-dropdown class="w-100">
              <mdb-dropdown-item slot="toggle" submenuIcon="caret-right">
                <small>Evénements</small>
              </mdb-dropdown-item>
              <mdb-dropdown-menu class="ml-2 rounded-0 border-0 z-depth-1">
                <mdb-dropdown-item @click="addEvents('Tous')">
                  <small>Tous</small>
                </mdb-dropdown-item>
                <div class="dropdown-divider"></div>
                <mdb-dropdown-item @click="addEvents('Agora citoyenne')">
                  <small>Agora citoyenne</small>
                </mdb-dropdown-item>
                <mdb-dropdown-item @click="addEvents('Idée')">
                  <small>Idée</small>
                </mdb-dropdown-item>
                <mdb-dropdown-item @click="addEvents('Rassemblement')">
                  <small>Rassemblement</small>
                </mdb-dropdown-item>
                <mdb-dropdown-item @click="addEvents('Signalement')">
                  <small>Signalement</small>
                </mdb-dropdown-item>
                <div class="dropdown-divider"></div>
                <mdb-dropdown-item @click="addEvents('Aucun')">
                  <small>Aucun</small>
                </mdb-dropdown-item>
              </mdb-dropdown-menu>
            </mdb-dropdown>
          </mdb-dropdown-item>
        </mdb-dropdown-menu>
      </mdb-dropdown>

.dropdown-item { &:hover, &:focus, &:active { color: white !important; background-color: $mediumBlue !important; } }