diff --git a/popup.html b/popup.html
index dea735d4..f6d83d69 100644
--- a/popup.html
+++ b/popup.html
@@ -99,7 +99,7 @@
   </template>
 
   <template data-id="writeForFrames">
-    <div id="write-for-frames" title="&lsaquo;iframe&rsaquo;..." tabindex="0">...</div>
+    <div id="write-for-frames" tabindex="0">&lt;iframe&gt;...</div>
   </template>
 
   <script src="js/polyfill.js"></script>
diff --git a/popup/popup.css b/popup/popup.css
index 2ef79bcf..22caec8d 100644
--- a/popup/popup.css
+++ b/popup/popup.css
@@ -491,6 +491,7 @@ a:hover .svg-icon {
   margin-left: .5rem;
 }
 
+#write-for-frames::before,
 .match .match::before {
   content: "";
   width: .25rem;
@@ -512,8 +513,12 @@ a:hover .svg-icon {
 
 #write-for-frames {
   cursor: pointer;
-  margin: 0 0 -.25em;
-  font-family: monospace;
+  margin: 0 0 -.25em .5rem;
+  color: var(--c50);
+  transition: color .2s;
+}
+#write-for-frames:hover {
+  color: var(--fg);
 }
 
 #write-style:not(.expanded) .match:not([data-frame-id="0"]),