diff --git a/components/reply.js b/components/reply.js
index 8e41d968..7a391a7a 100644
--- a/components/reply.js
+++ b/components/reply.js
@@ -159,16 +159,16 @@ export default forwardRef(function Reply ({ item, onSuccess, replyOpen, children
       {replyOpen
         ? <div className={styles.replyButtons} />
         : (
-          <div className={styles.replyButtons}>
-            <div
-              onPointerDown={e => {
-                if (!reply) {
-                  e.preventDefault()
-                  ref?.current?.quoteReply({ selectionOnly: true })
-                }
-                setReply(!reply)
-              }}
-            >
+          <div
+            className={styles.replyButtons} onPointerDown={e => {
+              if (!reply) {
+                e.preventDefault()
+                ref?.current?.quoteReply({ selectionOnly: true })
+              }
+              setReply(!reply)
+            }}
+          >
+            <div>
               {reply ? 'cancel' : 'reply'}
             </div>
             {/* HACK if we need more items, we should probably do a comment toolbar */}
diff --git a/components/reply.module.css b/components/reply.module.css
index c78c627b..3aa645b5 100644
--- a/components/reply.module.css
+++ b/components/reply.module.css
@@ -5,13 +5,13 @@
 }
 
 .replyButtons {
-    font-size: 70%;
+    font-size: 75%;
     color: var(--theme-grey);
     font-weight: bold;
     display: flex;
     align-items: center;
     cursor: pointer;
-    padding: .25rem 0 .5rem 0;
+    padding: .25rem 0 .8rem 0;
     line-height: 1rem;
     vertical-align: middle;
 }