diff --git a/app/src/main/java/org/mozilla/fenix/HomeActivity.kt b/app/src/main/java/org/mozilla/fenix/HomeActivity.kt
index 013f79775f..f5c390efe6 100644
--- a/app/src/main/java/org/mozilla/fenix/HomeActivity.kt
+++ b/app/src/main/java/org/mozilla/fenix/HomeActivity.kt
@@ -15,6 +15,7 @@ import androidx.annotation.IdRes
import androidx.annotation.VisibleForTesting
import androidx.annotation.VisibleForTesting.PROTECTED
import androidx.appcompat.app.ActionBar
+import androidx.appcompat.content.res.AppCompatResources
import androidx.appcompat.widget.Toolbar
import androidx.core.view.doOnPreDraw
import androidx.lifecycle.lifecycleScope
@@ -23,6 +24,7 @@ import androidx.navigation.NavDirections
import androidx.navigation.fragment.NavHostFragment
import androidx.navigation.ui.AppBarConfiguration
import androidx.navigation.ui.NavigationUI
+import androidx.recyclerview.widget.DividerItemDecoration
import androidx.recyclerview.widget.LinearLayoutManager
import kotlinx.android.synthetic.main.activity_home.*
import kotlinx.coroutines.CoroutineScope
@@ -221,6 +223,16 @@ open class HomeActivity : LocaleAwareAppCompatActivity() {
TabsTray::class.java.name -> {
val layout = LinearLayoutManager(context)
val adapter = TabsAdapter { parentView, tabsTray ->
+ val decoration = DividerItemDecoration(
+ context,
+ DividerItemDecoration.VERTICAL
+ )
+ val drawable = AppCompatResources.getDrawable(context, R.drawable.tab_tray_divider)
+ drawable?.let {
+ decoration.setDrawable(it)
+ tabsTray.addItemDecoration(decoration)
+ }
+
DefaultTabViewHolder(
LayoutInflater.from(parentView.context).inflate(
R.layout.tab_tray_item,
diff --git a/app/src/main/res/drawable/tab_tray_divider.xml b/app/src/main/res/drawable/tab_tray_divider.xml
new file mode 100644
index 0000000000..d9ec106098
--- /dev/null
+++ b/app/src/main/res/drawable/tab_tray_divider.xml
@@ -0,0 +1,12 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/app/src/main/res/values-ldrtl/dimens.xml b/app/src/main/res/values-ldrtl/dimens.xml
index 1d4fc34d0d..6c31150c20 100644
--- a/app/src/main/res/values-ldrtl/dimens.xml
+++ b/app/src/main/res/values-ldrtl/dimens.xml
@@ -5,4 +5,8 @@
7dp
+
+
+ 0dp
+ 124dp
diff --git a/app/src/main/res/values-night/colors.xml b/app/src/main/res/values-night/colors.xml
index b43bb4459a..14a261ca9b 100644
--- a/app/src/main/res/values-night/colors.xml
+++ b/app/src/main/res/values-night/colors.xml
@@ -49,6 +49,7 @@
@color/tab_tray_item_background_dark_theme
@color/tab_tray_item_selected_background_dark_theme
@color/tab_tray_toolbar_background_dark_theme
+ @color/tab_tray_item_divider_dark_theme
@color/collection_icon_color_violet_dark_theme
diff --git a/app/src/main/res/values/attrs.xml b/app/src/main/res/values/attrs.xml
index 4efcac2687..c72db81ae3 100644
--- a/app/src/main/res/values/attrs.xml
+++ b/app/src/main/res/values/attrs.xml
@@ -57,6 +57,7 @@
+
diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
index b3813fbd36..089a867569 100644
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@@ -63,6 +63,7 @@
@color/light_grey_10
@color/violet_70_12a
@color/light_grey_10
+ @color/light_grey_30
#FBFBFE
@@ -109,6 +110,7 @@
@color/dark_grey_80
@color/violet_50_32a
@color/dark_grey_50
+ @color/dark_grey_10
#FBFBFE
@@ -154,6 +156,7 @@
@color/ink_90
@color/violet_50_32a
@color/ink_50
+ @color/dark_grey_10
@color/primary_text_light_theme
@@ -198,6 +201,7 @@
@color/tab_tray_item_background_light_theme
@color/tab_tray_item_selected_background_light_theme
@color/tab_tray_toolbar_background_light_theme
+ @color/tab_tray_item_divider_light_theme
#DFDFE3
diff --git a/app/src/main/res/values/dimens.xml b/app/src/main/res/values/dimens.xml
index 3479c66328..b9b063c89d 100644
--- a/app/src/main/res/values/dimens.xml
+++ b/app/src/main/res/values/dimens.xml
@@ -143,4 +143,8 @@
6dp
6dp
+
+ 124dp
+ 0dp
+
diff --git a/app/src/main/res/values/styles.xml b/app/src/main/res/values/styles.xml
index c60e3728e1..d80f440faa 100644
--- a/app/src/main/res/values/styles.xml
+++ b/app/src/main/res/values/styles.xml
@@ -79,6 +79,7 @@
- @color/tab_tray_item_background_normal_theme
- @color/tab_tray_item_selected_background_normal_theme
- @color/tab_tray_toolbar_background_normal_theme
+ - @color/tab_tray_item_divider_normal_theme
- @drawable/ic_logo_wordmark_normal
@@ -202,6 +203,7 @@
- @color/tab_tray_item_background_private_theme
- @color/tab_tray_item_selected_background_private_theme
- @color/tab_tray_toolbar_background_private_theme
+ - @color/tab_tray_item_divider_private_theme
- @drawable/ic_logo_wordmark_private