diff --git a/Frontend/lib/mih_components/mih_package_components/mih_toggle.dart b/Frontend/lib/mih_components/mih_package_components/mih_toggle.dart
index afda13b0..2b113a90 100644
--- a/Frontend/lib/mih_components/mih_package_components/mih_toggle.dart
+++ b/Frontend/lib/mih_components/mih_package_components/mih_toggle.dart
@@ -54,6 +54,9 @@ class _MihToggleState extends State<MihToggle> {
           value: widget.initialPostion,
           trackOutlineColor: WidgetStateProperty.resolveWith<Color?>(
             (states) {
+              if (widget.readOnly == true) {
+                return Colors.grey;
+              }
               if (states.contains(WidgetState.selected)) {
                 return MzanziInnovationHub.of(context)!
                     .theme