diff --git a/src/ui/common.css b/src/ui/common.css
index 52b1968e6..22fb9dc6d 100644
--- a/src/ui/common.css
+++ b/src/ui/common.css
@@ -318,3 +318,8 @@ menu li.selected span {
 .link:active {
   opacity: 0.5;
 }
+
+menu li.line-through {
+  text-decoration-line: line-through;
+  color: grey;
+}
diff --git a/src/ui/index.tis b/src/ui/index.tis
index 27a9852b3..7652b5d3e 100644
--- a/src/ui/index.tis
+++ b/src/ui/index.tis
@@ -213,7 +213,7 @@ class MyIdMenu: Reactor.Component {
                 <li #whitelist title="Only whitelisted IP can access me">IP Whitelisting</li>
                 <li #custom-server>ID/Relay Server</li>
                 <div .separator />
-                <li #stop-service>{service_stopped ? "Start service" : "Stop service"}</li>
+                <li #stop-service class={service_stopped ? "line-through" : "selected"}><span>{svg_checkmark}</span>Enable service</li>
                 <div .separator />
                 <li #forum>Forum</li>
                 <li #about>About {handler.get_app_name()}</li>
@@ -234,6 +234,7 @@ class MyIdMenu: Reactor.Component {
             if (el.id && el.id.indexOf("enable-") == 0) {
                 var enabled = configOptions[el.id] != "N";
                 el.attributes.toggleClass("selected", enabled);
+                el.attributes.toggleClass("line-through", !enabled);
             }
         }
     }
@@ -242,7 +243,6 @@ class MyIdMenu: Reactor.Component {
         if (me.id && me.id.indexOf("enable-") == 0) {
             configOptions[me.id] = configOptions[me.id] == "N" ? "" : "N";
             handler.set_options(configOptions);
-            this.toggleMenuState();
         }
         if (me.id == "whitelist") {
             var old_value = (configOptions["whitelist"] || "").split(",").join("\n");