diff --git a/src/components/ProxyNodeCard.tsx b/src/components/ProxyNodeCard.tsx
index 331d395..24d2f23 100644
--- a/src/components/ProxyNodeCard.tsx
+++ b/src/components/ProxyNodeCard.tsx
@@ -42,10 +42,8 @@ export default (props: {
   return (
     <div
       class={twMerge(
-        'card card-bordered tooltip tooltip-bottom card-compact flex gap-1 p-3',
-        isSelected
-          ? 'border-primary bg-success-content text-success'
-          : 'border-secondary',
+        'card card-bordered tooltip tooltip-bottom card-compact flex gap-1 border-primary p-3',
+        isSelected && 'border-success bg-success-content text-success',
         onClick && 'cursor-pointer',
       )}
       onClick={() => onClick?.()}
diff --git a/src/pages/Rules.tsx b/src/pages/Rules.tsx
index 53cae5e..01d0d18 100644
--- a/src/pages/Rules.tsx
+++ b/src/pages/Rules.tsx
@@ -29,7 +29,7 @@ export default () => {
         <div class="grid grid-cols-1 gap-2 sm:grid-cols-1">
           <For each={rules()}>
             {(rule) => (
-              <div class="card card-bordered card-compact border-secondary p-4">
+              <div class="card card-bordered card-compact border-primary p-4">
                 <div class="break-all">{rule.payload}</div>
                 <div class="text-xs text-slate-500">
                   {rule.type} :: {rule.proxy}