diff --git a/web/components/button.css b/web/components/button.css
index be05e52b4..f834f35ec 100644
--- a/web/components/button.css
+++ b/web/components/button.css
@@ -1,68 +1,68 @@
 .btn {
   display: flex;
   align-items: center;
   justify-content: center;
   background: var(--settings-btn-bg);
-  border-color: transparent;
+  border: 1px solid transparent;
   font-size: var(--m-font-16);
   padding: 12px 24px;
   border-radius: 4px;
   cursor: pointer;
 }
 
 .btn:hover {
   transition-duration: 200ms;
   transition-property: background, color;
 }
 
 .btn:disabled {
   cursor: not-allowed;
   color: var(--btn-disabled-color);
 }
 
 .primary {
   background: var(--btn-bg-primary);
   color: var(--fg);
 }
 
 .primary:hover {
   background: var(--btn-bg-primary-hover);
 }
 
 .primary:disabled {
   background: var(--btn-bg-primary-disabled);
 }
 
 .secondary {
   background: var(--btn-bg-secondary);
   color: var(--fg);
-  border: 1px solid var(--btn-secondary-border);
+  border-color: var(--btn-secondary-border);
 }
 
 .secondary:hover {
   background: var(--btn-bg-secondary-hover);
 }
 
 .secondary:disabled {
   background: var(--btn-bg-secondary-disabled);
 }
 
 .danger {
   background: var(--btn-bg-danger);
   color: var(--fg);
 }
 
 .danger:hover {
   background: var(--btn-bg-danger-hover);
 }
 
 .danger:disabled {
   background: var(--btn-bg-danger-disabled);
 }
 
 .round {
   width: 30px;
   height: 30px;
   border-radius: 50%;
   padding: 0;
 }