diff --git a/app/src/main/res/layout/component_sync_tabs.xml b/app/src/main/res/layout/component_sync_tabs.xml
index 6b82ef3361..0ec378aadd 100644
--- a/app/src/main/res/layout/component_sync_tabs.xml
+++ b/app/src/main/res/layout/component_sync_tabs.xml
@@ -6,7 +6,7 @@
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:id="@+id/history_wrapper"
+ android:id="@+id/synced_tabs_wrapper"
android:layout_width="match_parent"
android:layout_height="match_parent">
+ tools:listitem="@layout/sync_tabs_list_item"/>
diff --git a/app/src/main/res/layout/sync_tabs_list_item.xml b/app/src/main/res/layout/sync_tabs_list_item.xml
index 6938923700..99e776393b 100644
--- a/app/src/main/res/layout/sync_tabs_list_item.xml
+++ b/app/src/main/res/layout/sync_tabs_list_item.xml
@@ -8,34 +8,31 @@
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content"
- android:paddingStart="60dp"
- android:paddingEnd="20dp"
- android:minHeight="@dimen/library_item_height"
android:background="?android:attr/selectableItemBackground">
+ app:layout_constraintTop_toBottomOf="@+id/synced_tab_item_title" />
+ app:layout_constraintStart_toStartOf="parent"
+ app:layout_constraintTop_toBottomOf="@+id/synced_tab_item_url" />
diff --git a/app/src/main/res/layout/view_synced_tabs_group.xml b/app/src/main/res/layout/view_synced_tabs_group.xml
index 5543f49607..1f8172ce11 100644
--- a/app/src/main/res/layout/view_synced_tabs_group.xml
+++ b/app/src/main/res/layout/view_synced_tabs_group.xml
@@ -2,30 +2,39 @@
-
+ android:layout_marginTop="8dp">
-
+
+
+
diff --git a/app/src/main/res/values-night/colors.xml b/app/src/main/res/values-night/colors.xml
index 97585a80ee..e9446bc679 100644
--- a/app/src/main/res/values-night/colors.xml
+++ b/app/src/main/res/values-night/colors.xml
@@ -64,6 +64,9 @@
@color/top_site_border_dark_theme
@color/top_site_title_text_dark_theme
+
+ @color/synced_tabs_separator_dark_theme
+
@color/collection_icon_color_violet_dark_theme
@color/collection_icon_color_blue_dark_theme
diff --git a/app/src/main/res/values/attrs.xml b/app/src/main/res/values/attrs.xml
index 3c6241ebad..87849a68d5 100644
--- a/app/src/main/res/values/attrs.xml
+++ b/app/src/main/res/values/attrs.xml
@@ -51,6 +51,7 @@
+
diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
index b31fb08d01..9501623c05 100644
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@@ -47,6 +47,7 @@
#0015141A
@android:color/white
@color/light_grey_30
+ @color/light_grey_30
@color/light_grey_80
#7542E5
#0250BB
@@ -104,6 +105,7 @@
#F515141A
@color/dark_grey_50
@color/dark_grey_10
+ @color/dark_grey_10
@color/light_grey_90
#AB71FF
#00B3F4
@@ -250,6 +252,9 @@
@color/top_site_border_light_theme
@color/top_site_title_text_light_theme
+
+ @color/synced_tabs_separator_light_theme
+
@color/collection_icon_color_violet_light_theme
@color/collection_icon_color_blue_light_theme
diff --git a/app/src/main/res/values/styles.xml b/app/src/main/res/values/styles.xml
index 3d2ffb4a5b..0639fc523a 100644
--- a/app/src/main/res/values/styles.xml
+++ b/app/src/main/res/values/styles.xml
@@ -75,7 +75,7 @@
- @color/prompt_login_edit_text_cursor_color_normal_theme
- @color/readermode_start_gradient_normal_theme
- @color/readermode_end_gradient_normal_theme
-
+ - @color/synced_tabs_separator
- @color/tab_tray_item_background_normal_theme
- @color/tab_tray_item_selected_background_normal_theme