diff --git a/lib/pages/routines/widgets/condition_toggle.dart b/lib/pages/routines/widgets/condition_toggle.dart
index b86ba0b3..541ad431 100644
--- a/lib/pages/routines/widgets/condition_toggle.dart
+++ b/lib/pages/routines/widgets/condition_toggle.dart
@@ -23,9 +23,10 @@ class ConditionToggle extends StatelessWidget {
     final selectedIndex = _conditions.indexOf(currentCondition ?? "==");
 
     return Container(
-      height: 80,
+      height: 30,
+      width: MediaQuery.of(context).size.width * 0.1,
       decoration: BoxDecoration(
-        color: ColorsManager.grayColor,
+        color: ColorsManager.softGray.withOpacity(0.5),
         borderRadius: BorderRadius.circular(50),
       ),
       clipBehavior: Clip.antiAlias,
@@ -34,18 +35,19 @@ class ConditionToggle extends StatelessWidget {
         children: List.generate(_conditions.length, (index) {
           final isSelected = index == selectedIndex;
           return Expanded(
-            child: GestureDetector(
+            child: InkWell(
               onTap: () => onChanged(_conditions[index]),
               child: AnimatedContainer(
                 duration: const Duration(milliseconds: 180),
                 curve: Curves.ease,
                 decoration: BoxDecoration(
-                  color: isSelected ? ColorsManager.blue1 : Colors.transparent,
+                  color:
+                      isSelected ? ColorsManager.vividBlue : Colors.transparent,
                 ),
                 child: Center(
                   child: Icon(
                     _icons[index],
-                    size: 38,
+                    size: 20,
                     color: isSelected
                         ? ColorsManager.whiteColors
                         : ColorsManager.blackColor,