MDB 8 - mdbBtn missing shadow

Topic: MDB 8 - mdbBtn missing shadow

mdb2 pro asked a year ago

<button mdbBtn color="success" size="lg">התנסות</button>

Was shadow:

Now no shadow:

.btn {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    padding: .84rem 2.14rem;
    font-size: .81rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin: .375rem;
    border: 0;
    border-radius: .125rem;
    cursor: pointer;
    text-transform: uppercase;
    white-space: normal;
    word-wrap: break-word;
    color: inherit;

Arkadiusz Idzikowski staff commented a year ago

The button still has the same shadow as in previous version (it's more visible only on hover). Do you have problem with overwriting our styles?

In which product does this problem occur? Mdb pro / admin template?

mdb2 pro answered a year ago

Pro of course

What do you mean by admin template ?

Shadow does appear on hover

I overwrite your styles as described above

Arkadiusz Idzikowski staff commented a year ago

We can't reproduce this problem on our end. If it's possible please send a simple demo to

We need to check if there are no problems with the migration from MDB 7 to 8.

Please insert min. 20 characters.


Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: Angular
  • MDB Version: 8.0.0
  • Device: NA
  • Browser: NA
  • OS: NA
  • Provided sample code: No
  • Provided link: Yes