diff --git a/src/css/popup.css b/src/css/popup.css
index f35ff203f..b57aa7f79 100644
--- a/src/css/popup.css
+++ b/src/css/popup.css
@@ -105,10 +105,10 @@ p {
 #switch .icon {
     color: dodgerblue;
     cursor: pointer;
-    font-size:96px;
+    font-size: 96px;
     }
 #switch .icon:hover {
-    opacity: 0.9;
+    opacity: 0.8;
     }
 body.off #switch .icon {
     color: #ccc;
@@ -303,6 +303,30 @@ body.dirty #refresh:hover {
 #firewallContainer > div > span.nRule.ownRule {
     background-color: rgba(108, 108, 108, 1);
     }
+#firewallContainer > div > span.aRule:,
+#firewallContainer > div > span.bRule,
+#firewallContainer > div > span.nRule {
+    position: relative;
+    }
+#firewallContainer > div > span.aRule:before,
+#firewallContainer > div > span.bRule:before,
+#firewallContainer > div > span.nRule:before {
+    top: 0;
+    left: 0;
+    right: 0;
+    text-align: center;
+    display: block;
+    opacity: 1;
+    }
+#firewallContainer > div > span.aRule:before {
+    content: "allow";
+    }
+#firewallContainer > div > span.bRule:before {
+    content: "block";
+    }
+#firewallContainer > div > span.nRule:before {
+    content: "no-op";
+    }
 
 #actionSelector {
     bottom: 0;