Android remove border hover from FloatActionbutton

Question

current situation

So as you can see on the picture there is a shadow on the border of my button. Is there a way to remove the shadow so that that the color of the button corresponds with the color of my action bar. right know it looks ugly because you can see the shadow. This is my code:

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
>

<TableRow
    android:gravity="end">


    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/logInButton"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:borderWidth="0dp"
        app:backgroundTint="@color/faviconColor"
        app:srcCompat="@drawable/ic_person_black_24dp" />

</TableRow>

</TableLayout>

Answer 1

Try setting android:elevation="0dp" to your floatingaction button.

Nevertheless, why even use a FloatingActionButton, and not just a normal button? FloatingActionButtons are afaik not made to be used like this, and if you need e.g. a round ripple effect, there are more elegant ways to do this.

EDIT: If this does not work (as sometimes) use app:elevation="0dp" instead