fix fix fi x fix

frontend/src/components/common/SiteCard.tsx

@@ -90,13 +90,16 @@ export default function SiteCard({
             disabled={isToggling}
             onChange={handleToggle}
           />
-          <Badge 
-            variant="solid"
-            color={site.is_active ? "success" : "error"} 
-            size="xs"
-          >
-            {site.is_active ? 'Active' : 'Inactive'}
-          </Badge>
+          <div className="flex flex-col items-center gap-1">
+            <Badge 
+              variant="solid"
+              color={site.is_active ? "success" : "error"} 
+              size="xs"
+            >
+              {site.is_active ? 'Active' : 'Inactive'}
+            </Badge>
+            <span className="text-xs text-gray-500">Button</span>
+          </div>
         </div>
       </div>
       <div className="flex items-center justify-center border-t border-gray-200 p-2 dark:border-gray-800">
@@ -128,16 +131,15 @@ export default function SiteCard({
           >
             Settings
           </Button>
-          {onDelete && (
-            <Button
-              variant="outline"
-              tone="destructive"
-              size="sm"
-              onClick={() => onDelete(site)}
-              startIcon={<TrashBinIcon className="w-4 h-4" />}
-              title="Delete site"
-            />
-          )}
+          <Button
+            variant="primary"
+            tone="danger"
+            size="sm"
+            onClick={() => onDelete && onDelete(site)}
+            startIcon={<TrashBinIcon className="w-4 h-4" />}
+          >
+            Delete
+          </Button>
         </div>
       </div>
     </article>