From eca0e5943dae3cd8422e25f2998cd085fe3bd290 Mon Sep 17 00:00:00 2001
From: laurenspriem <github_uni.fishers@aleeas.com>
Date: Tue, 26 Aug 2025 23:24:37 +0530
Subject: [PATCH] tab button look

---
 .../apps/photos/lib/ui/tools/similar_images_page.dart  | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/mobile/apps/photos/lib/ui/tools/similar_images_page.dart b/mobile/apps/photos/lib/ui/tools/similar_images_page.dart
index 740813f056..f66afb1cda 100644
--- a/mobile/apps/photos/lib/ui/tools/similar_images_page.dart
+++ b/mobile/apps/photos/lib/ui/tools/similar_images_page.dart
@@ -379,14 +379,14 @@ class _SimilarImagesPageState extends State<SimilarImagesPage> {
             colorScheme,
             textTheme,
           ),
-          const SizedBox(width: 8),
+          const SizedBox(width: crossAxisSpacing),
           _buildTabButton(
             TabFilter.similar,
             AppLocalizations.of(context).similar,
             colorScheme,
             textTheme,
           ),
-          const SizedBox(width: 8),
+          const SizedBox(width: crossAxisSpacing),
           _buildTabButton(
             TabFilter.identical,
             AppLocalizations.of(context).identical,
@@ -409,14 +409,16 @@ class _SimilarImagesPageState extends State<SimilarImagesPage> {
     return GestureDetector(
       onTap: () => _onTabChanged(tab),
       child: Container(
-        padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
+        padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 12),
         decoration: BoxDecoration(
           color: isSelected ? colorScheme.primary700 : colorScheme.fillFaint,
           borderRadius: BorderRadius.circular(20),
         ),
         child: Text(
           label,
-          style: isSelected ? textTheme.bodyMuted : textTheme.bodyBold,
+          style: isSelected
+              ? textTheme.smallBold.copyWith(color: Colors.white)
+              : textTheme.smallBold,
         ),
       ),
     );