diff --git a/vector/src/main/res/layout/bottom_sheet_bootstrap.xml b/vector/src/main/res/layout/bottom_sheet_bootstrap.xml
index 69060a57da..0011bf1987 100644
--- a/vector/src/main/res/layout/bottom_sheet_bootstrap.xml
+++ b/vector/src/main/res/layout/bottom_sheet_bootstrap.xml
@@ -6,6 +6,7 @@
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:animateLayoutChanges="true"
+    android:background="?riotx_bottom_sheet_background"
     android:fadeScrollbars="false"
     android:scrollbars="vertical">
 
diff --git a/vector/src/main/res/layout/bottom_sheet_call_controls.xml b/vector/src/main/res/layout/bottom_sheet_call_controls.xml
index 04cb2af20d..c9fc1cdad4 100644
--- a/vector/src/main/res/layout/bottom_sheet_call_controls.xml
+++ b/vector/src/main/res/layout/bottom_sheet_call_controls.xml
@@ -5,6 +5,7 @@
     android:id="@+id/callControlsWrapper"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
+    android:background="?riotx_bottom_sheet_background"
     android:orientation="vertical">
 
     <im.vector.riotx.core.ui.views.BottomSheetActionButton
diff --git a/vector/src/main/res/layout/bottom_sheet_generic_list.xml b/vector/src/main/res/layout/bottom_sheet_generic_list.xml
index 0bd6665325..ac085a4b50 100644
--- a/vector/src/main/res/layout/bottom_sheet_generic_list.xml
+++ b/vector/src/main/res/layout/bottom_sheet_generic_list.xml
@@ -4,6 +4,7 @@
     android:id="@+id/bottomSheetRecyclerView"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
+    android:background="?riotx_bottom_sheet_background"
     android:fadeScrollbars="false"
     android:scrollbars="vertical"
     tools:itemCount="5"
diff --git a/vector/src/main/res/layout/bottom_sheet_generic_list_with_title.xml b/vector/src/main/res/layout/bottom_sheet_generic_list_with_title.xml
index 6a4b6d3eaa..a405a386f0 100644
--- a/vector/src/main/res/layout/bottom_sheet_generic_list_with_title.xml
+++ b/vector/src/main/res/layout/bottom_sheet_generic_list_with_title.xml
@@ -3,8 +3,9 @@
     xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
-    android:paddingTop="8dp"
-    android:orientation="vertical">
+    android:background="?riotx_bottom_sheet_background"
+    android:orientation="vertical"
+    android:paddingTop="8dp">
 
     <TextView
         android:id="@+id/bottomSheetTitle"
@@ -12,7 +13,7 @@
         android:layout_height="wrap_content"
         android:gravity="center_vertical"
         android:padding="8dp"
-        android:textColor="?android:textColorSecondary"
+        android:textColor="?riotx_text_primary"
         android:textSize="16sp"
         tools:text="@string/reactions" />
 
diff --git a/vector/src/main/res/layout/bottom_sheet_logout_and_backup.xml b/vector/src/main/res/layout/bottom_sheet_logout_and_backup.xml
index feaa79e1dc..5d428bd570 100644
--- a/vector/src/main/res/layout/bottom_sheet_logout_and_backup.xml
+++ b/vector/src/main/res/layout/bottom_sheet_logout_and_backup.xml
@@ -5,6 +5,7 @@
     android:id="@+id/root_layout"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
+    android:background="?riotx_bottom_sheet_background"
     android:orientation="vertical"
     android:paddingTop="8dp"
     android:paddingBottom="8dp">
@@ -131,8 +132,8 @@
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_gravity="center_vertical"
-            android:textColor="?riotx_text_secondary"
             android:text="@string/keys_backup_activate"
+            android:textColor="?riotx_text_secondary"
             android:textSize="17sp" />
 
     </LinearLayout>
diff --git a/vector/src/main/res/layout/bottom_sheet_room_widget_permission.xml b/vector/src/main/res/layout/bottom_sheet_room_widget_permission.xml
index 1aa77a6c3b..e4df4b5c9a 100644
--- a/vector/src/main/res/layout/bottom_sheet_room_widget_permission.xml
+++ b/vector/src/main/res/layout/bottom_sheet_room_widget_permission.xml
@@ -4,6 +4,7 @@
     android:id="@+id/root_layout"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
+    android:background="?riotx_bottom_sheet_background"
     android:orientation="vertical"
     android:paddingTop="8dp"
     android:paddingBottom="8dp">
@@ -16,8 +17,8 @@
         android:layout_marginEnd="@dimen/layout_horizontal_margin"
         android:layout_marginBottom="8dp"
         android:text="@string/room_widget_permission_title"
-        android:textSize="20sp"
         android:textColor="?riotx_text_primary"
+        android:textSize="20sp"
         android:textStyle="bold" />
 
     <TextView
@@ -59,9 +60,9 @@
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:textAlignment="center"
+                android:textColor="?riotx_text_primary"
                 android:textSize="18sp"
                 android:textStyle="bold"
-                android:textColor="?riotx_text_primary"
                 tools:text="User name" />
 
             <TextView
@@ -69,8 +70,8 @@
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:textAlignment="center"
-                android:textSize="14sp"
                 android:textColor="?riotx_text_secondary"
+                android:textSize="14sp"
                 tools:text="\@foo:matrix.org" />
         </LinearLayout>
     </LinearLayout>
@@ -100,7 +101,7 @@
             android:layout_marginEnd="@dimen/layout_vertical_margin"
             android:layout_marginRight="@dimen/layout_vertical_margin"
             android:text="@string/decline"
-            android:textAllCaps="true"/>
+            android:textAllCaps="true" />
 
         <com.google.android.material.button.MaterialButton
             android:id="@+id/widgetPermissionContinue"
diff --git a/vector/src/main/res/layout/bottom_sheet_save_recovery_key.xml b/vector/src/main/res/layout/bottom_sheet_save_recovery_key.xml
index 2dab92d90a..b6fb49178d 100644
--- a/vector/src/main/res/layout/bottom_sheet_save_recovery_key.xml
+++ b/vector/src/main/res/layout/bottom_sheet_save_recovery_key.xml
@@ -3,7 +3,7 @@
     xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
-    android:background="?attr/colorBackgroundFloating"
+    android:background="?riotx_bottom_sheet_background"
     android:orientation="vertical"
     android:paddingTop="8dp"
     android:paddingBottom="8dp">
diff --git a/vector/src/main/res/layout/bottom_sheet_verification.xml b/vector/src/main/res/layout/bottom_sheet_verification.xml
index 8de64de060..88c7e536d8 100644
--- a/vector/src/main/res/layout/bottom_sheet_verification.xml
+++ b/vector/src/main/res/layout/bottom_sheet_verification.xml
@@ -7,6 +7,7 @@
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:animateLayoutChanges="true"
+    android:background="?riotx_bottom_sheet_background"
     android:fadeScrollbars="false"
     android:scrollbars="vertical">
 
diff --git a/vector/src/main/res/layout/bottom_sheet_with_fragments.xml b/vector/src/main/res/layout/bottom_sheet_with_fragments.xml
index e013b2a7b1..70c9872a09 100644
--- a/vector/src/main/res/layout/bottom_sheet_with_fragments.xml
+++ b/vector/src/main/res/layout/bottom_sheet_with_fragments.xml
@@ -2,6 +2,7 @@
 <androidx.fragment.app.FragmentContainerView xmlns:android="http://schemas.android.com/apk/res/android"
     android:id="@+id/bottomSheetFragmentContainer"
     android:layout_width="match_parent"
-    android:layout_height="wrap_content" />
+    android:layout_height="wrap_content"
+    android:background="?riotx_bottom_sheet_background" />
 
 
diff --git a/vector/src/main/res/values/colors_riotx.xml b/vector/src/main/res/values/colors_riotx.xml
index 92c21e2382..a4a7badce2 100644
--- a/vector/src/main/res/values/colors_riotx.xml
+++ b/vector/src/main/res/values/colors_riotx.xml
@@ -54,6 +54,12 @@
     <color name="riotx_base_dark">#FF22282F</color>
     <color name="riotx_base_black">#FF000000</color>
 
+    <!-- Background color of bottom sheets -->
+    <attr name="riotx_bottom_sheet_background" format="color" />
+    <color name="riotx_bottom_sheet_background_light">#FFFFFFFF</color>
+    <color name="riotx_bottom_sheet_background_dark">#FF282C35</color>
+    <color name="riotx_bottom_sheet_background_black">#FF000000</color>
+
     <attr name="riotx_base_text_icon_primary" format="color" />
     <color name="riotx_base_text_icon_primary_light">#FFFFFFFF</color>
     <color name="riotx_base_text_icon_primary_dark">#FFEDF3FF</color>
diff --git a/vector/src/main/res/values/theme_black.xml b/vector/src/main/res/values/theme_black.xml
index 91ae2c9f0b..1f8a4c5cc4 100644
--- a/vector/src/main/res/values/theme_black.xml
+++ b/vector/src/main/res/values/theme_black.xml
@@ -56,6 +56,8 @@
         <item name="android:colorBackground">?riotx_background</item>
         <item name="colorOnBackground">?riotx_text_primary</item>
 
+        <item name="riotx_bottom_sheet_background">@color/riotx_bottom_sheet_background_black</item>
+
         <!-- Keep color accent for legacy widget-->
         <item name="colorAccent">@color/riotx_accent</item>
 
diff --git a/vector/src/main/res/values/theme_dark.xml b/vector/src/main/res/values/theme_dark.xml
index 42ba8ad381..98bfb4e6cd 100644
--- a/vector/src/main/res/values/theme_dark.xml
+++ b/vector/src/main/res/values/theme_dark.xml
@@ -56,6 +56,8 @@
         <item name="android:colorBackground">?riotx_background</item>
         <item name="colorOnBackground">?riotx_text_primary</item>
 
+        <item name="riotx_bottom_sheet_background">@color/riotx_bottom_sheet_background_dark</item>
+
         <!-- Keep color accent for legacy widget-->
         <item name="colorAccent">@color/riotx_accent</item>
 
diff --git a/vector/src/main/res/values/theme_light.xml b/vector/src/main/res/values/theme_light.xml
index 869fdad3ee..5292f20dd6 100644
--- a/vector/src/main/res/values/theme_light.xml
+++ b/vector/src/main/res/values/theme_light.xml
@@ -55,6 +55,8 @@
         <item name="android:colorBackground">?riotx_background</item>
         <item name="colorOnBackground">?riotx_text_primary</item>
 
+        <item name="riotx_bottom_sheet_background">@color/riotx_bottom_sheet_background_light</item>
+
         <!-- Keep color accent for legacy widget-->
         <item name="colorAccent">@color/riotx_accent</item>