diff --git a/app/src/main/java/org/mozilla/fenix/components/toolbar/ToolbarComponent.kt b/app/src/main/java/org/mozilla/fenix/components/toolbar/ToolbarComponent.kt
index 231a86ad4..9907ee234 100644
--- a/app/src/main/java/org/mozilla/fenix/components/toolbar/ToolbarComponent.kt
+++ b/app/src/main/java/org/mozilla/fenix/components/toolbar/ToolbarComponent.kt
@@ -29,6 +29,8 @@ class ToolbarComponent(
         bus.getSafeManagedObservable(SearchChange::class.java)
     ) {
 
+    fun getView(): BrowserToolbar = uiView.toolbar
+
     override val reducer: Reducer<SearchState, SearchChange> = { state, change ->
         when (change) {
             is SearchChange.QueryChanged -> state.copy(query = change.query)
@@ -36,18 +38,25 @@ class ToolbarComponent(
     }
 
     override fun initView() = ToolbarUIView(sessionId, isPrivate, container, actionEmitter, changesObservable)
+
     init {
         render(reducer)
         applyTheme()
     }
 
-    fun getView(): BrowserToolbar = uiView.toolbar
-
     private fun applyTheme() {
-        getView().textColor = ContextCompat.getColor(container.context,
-            DefaultThemeManager.resolveAttribute(R.attr.awesomeBarTitleTextColor, container.context))
-        getView().hintColor = ContextCompat.getColor(container.context,
-            DefaultThemeManager.resolveAttribute(R.attr.awesomeBarDescriptionTextColor, container.context))
+        getView().suggestionBackgroundColor = ContextCompat.getColor(
+            container.context,
+            DefaultThemeManager.resolveAttribute(R.attr.suggestionBackground, container.context)
+        )
+        getView().textColor = ContextCompat.getColor(
+            container.context,
+            DefaultThemeManager.resolveAttribute(R.attr.awesomeBarTitleTextColor, container.context)
+        )
+        getView().hintColor = ContextCompat.getColor(
+            container.context,
+            DefaultThemeManager.resolveAttribute(R.attr.awesomeBarDescriptionTextColor, container.context)
+        )
     }
 }
 
diff --git a/app/src/main/res/values/attrs.xml b/app/src/main/res/values/attrs.xml
index 116f923ca..ef2a6b7f7 100644
--- a/app/src/main/res/values/attrs.xml
+++ b/app/src/main/res/values/attrs.xml
@@ -32,6 +32,7 @@
     <attr name="searchBackground" format="reference"/>
     <attr name="searchShortcutsTextColor" format="reference"/>
     <attr name="pillWrapperBackground" format="reference"/>
+    <attr name="suggestionBackground" format="reference"/>
 
     <!-- Browser fragment -->
     <attr name="browserUrlBarBackground" format="reference"/>
diff --git a/app/src/main/res/values/styles.xml b/app/src/main/res/values/styles.xml
index 2b4484c3d..cd9247473 100644
--- a/app/src/main/res/values/styles.xml
+++ b/app/src/main/res/values/styles.xml
@@ -11,6 +11,8 @@
         <item name="android:windowBackground">@color/off_white</item>
         <item name="iconColor">@color/icons_light_mode</item>
         <item name="toolbarColor">@color/toolbar_light_mode</item>
+        <item name="colorPrimary">@color/off_white</item>
+        <item name="colorAccent">@color/session_border_color</item>
 
         <!-- Style the navigation bar -->
         <item name="navigationBarColorHome">@android:color/transparent</item>
@@ -36,6 +38,7 @@
         <item name="pillWrapperBackground">@color/off_white</item>
         <item name="awesomeBarTitleTextColor">@color/awesome_bar_title_color</item>
         <item name="awesomeBarDescriptionTextColor">@color/awesome_bar_description_color</item>
+        <item name="suggestionBackground">@color/photonBlue50</item>
 
         <!-- Browser fragment colors -->
         <item name="browserUrlBarBackground">@drawable/home_search_background_dark</item>
@@ -56,6 +59,8 @@
         <item name="android:windowBackground">@color/private_browsing_top_gradient</item>
         <item name="iconColor">@color/icons_dark_mode</item>
         <item name="toolbarColor">@color/toolbar_dark_mode</item>
+        <item name="colorPrimary">@color/private_browsing_primary</item>
+        <item name="colorAccent">@color/private_browsing_primary</item>
 
         <!-- Style the navigation bar -->
         <item name="navigationBarColorHome">@color/private_browsing_bottom_gradient</item>
@@ -81,6 +86,7 @@
         <item name="pillWrapperBackground">@color/private_browsing_top_gradient</item>
         <item name="awesomeBarTitleTextColor">@color/off_white</item>
         <item name="awesomeBarDescriptionTextColor">@color/photonGrey40</item>
+        <item name="suggestionBackground">@color/private_browsing_primary</item>
 
         <!-- Browser fragment colors -->
         <item name="browserUrlBarBackground">@drawable/home_search_background_private_dark</item>