diff --git a/app/src/main/java/com/aurora/store/compose/composable/CategoryItem.kt b/app/src/main/java/com/aurora/store/compose/composable/CategoryItem.kt
index 95167ad99..bfab20dc7 100644
--- a/app/src/main/java/com/aurora/store/compose/composable/CategoryItem.kt
+++ b/app/src/main/java/com/aurora/store/compose/composable/CategoryItem.kt
@@ -18,6 +18,7 @@ import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.ColorFilter
 import androidx.compose.ui.layout.ContentScale
 import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.res.dimensionResource
@@ -51,6 +52,7 @@ fun CategoryItem(modifier: Modifier = Modifier, category: Category, onClick: ()
                 .build(),
             contentDescription = null,
             contentScale = ContentScale.Crop,
+            colorFilter = ColorFilter.tint(MaterialTheme.colorScheme.primary),
             modifier = Modifier
                 .requiredSize(dimensionResource(R.dimen.icon_size_category))
                 .clip(RoundedCornerShape(dimensionResource(R.dimen.radius_small)))
diff --git a/app/src/main/res/values/dimens.xml b/app/src/main/res/values/dimens.xml
index 2cfe2648b..ea73c6667 100644
--- a/app/src/main/res/values/dimens.xml
+++ b/app/src/main/res/values/dimens.xml
@@ -25,7 +25,7 @@
     <dimen name="spacing_xlarge">24dp</dimen>
 
     <dimen name="icon_size_default">24dp</dimen>
-    <dimen name="icon_size_category">36dp</dimen>
+    <dimen name="icon_size_category">32dp</dimen>
     <dimen name="icon_size_small">48dp</dimen>
     <dimen name="icon_size_medium">56dp</dimen>
     <dimen name="icon_size">64dp</dimen>