diff --git a/app/lib/features/geckoview/features/browser/presentation/widgets/browser_modules/bottom_app_bar.dart b/app/lib/features/geckoview/features/browser/presentation/widgets/browser_modules/bottom_app_bar.dart
index 45b1ffee..b05c4aaf 100644
--- a/app/lib/features/geckoview/features/browser/presentation/widgets/browser_modules/bottom_app_bar.dart
+++ b/app/lib/features/geckoview/features/browser/presentation/widgets/browser_modules/bottom_app_bar.dart
@@ -484,7 +484,7 @@ class QuickTabSwitcher extends HookConsumerWidget {
             );
           },
           itemAvatar: (item) => UrlIcon([item.url], iconSize: 16),
-          itemBackgroundColor: (item) => item.color?.withValues(alpha: 0.5),
+          itemBackgroundColor: (item) => item.color?.withValues(alpha: 0.33),
           onSelected: (item) async {
             final animation = chipScrollController.animateTo(
               0,
diff --git a/app/lib/features/geckoview/features/tabs/presentation/widgets/container_chips.dart b/app/lib/features/geckoview/features/tabs/presentation/widgets/container_chips.dart
index 592c84f3..17f807a2 100644
--- a/app/lib/features/geckoview/features/tabs/presentation/widgets/container_chips.dart
+++ b/app/lib/features/geckoview/features/tabs/presentation/widgets/container_chips.dart
@@ -94,7 +94,7 @@ class ContainerChips extends HookConsumerWidget {
                   enableDelete: false,
                   itemId: (container) => container.id,
                   itemBackgroundColor: (container) =>
-                      container.color.withValues(alpha: 0.5),
+                      container.color.withValues(alpha: 0.33),
                   itemLabel: (container) =>
                       ContainerTitle(container: container),
                   itemBadgeCount: (container) => container.tabCount,