diff --git a/src/ui/scss/component/_badge.scss b/src/ui/scss/component/_badge.scss
index 51b180243..06f2a134a 100644
--- a/src/ui/scss/component/_badge.scss
+++ b/src/ui/scss/component/_badge.scss
@@ -31,4 +31,8 @@
   svg {
     stroke: $lbry-black;
   }
+
+  [data-mode='dark'] & {
+    background-color: rgba($lbry-grape-1, 0.3);
+  }
 }
diff --git a/src/ui/scss/component/_form-field.scss b/src/ui/scss/component/_form-field.scss
index 763861992..73464662b 100644
--- a/src/ui/scss/component/_form-field.scss
+++ b/src/ui/scss/component/_form-field.scss
@@ -236,13 +236,14 @@ fieldset-section {
 
     .button,
     // specificity needed because of @lbry/component rules
-    // @lbry/componentfixme
-    .button[type='submit']:not(:hover) {
+    // @lbry/componentsfixme
+    .button[type='submit']:not(:hover),
+    .button[type='submit']:hover {
+      border-color: $lbry-black;
       border-top-left-radius: 0;
       border-bottom-left-radius: 0;
       border-top-right-radius: var(--input-border-radius);
       border-bottom-right-radius: var(--input-border-radius);
-      border-color: $lbry-black;
     }
   }