diff --git a/components/block-device-dialog.tsx b/components/block-device-dialog.tsx
index 5615de0..2a918b5 100644
--- a/components/block-device-dialog.tsx
+++ b/components/block-device-dialog.tsx
@@ -6,12 +6,12 @@ import { useActionState, useEffect, useState, useTransition } from "react";
 import { toast } from "sonner";
 import { Button } from "@/components/ui/button";
 import {
-	Dialog,
-	DialogContent,
-	DialogFooter,
-	DialogHeader,
-	DialogTitle,
-	DialogTrigger,
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
 } from "@/components/ui/dialog";
 import { Label } from "@/components/ui/label";
 import type { Device } from "@/lib/backend-types";
@@ -21,151 +21,151 @@ import { TextShimmer } from "./ui/text-shimmer";
 import { Textarea } from "./ui/textarea";
 
 export type BlockDeviceFormState = {
-	message: string;
-	success: boolean;
-	fieldErrors?: {
-		reason_for_blocking?: string[];
-	};
-	payload?: FormData;
+  message: string;
+  success: boolean;
+  fieldErrors?: {
+    reason_for_blocking?: string[];
+  };
+  payload?: FormData;
 };
 
 const initialState: BlockDeviceFormState = {
-	message: "",
-	success: false,
-	fieldErrors: {},
+  message: "",
+  success: false,
+  fieldErrors: {},
 };
 
 export default function BlockDeviceDialog({
-	device,
-	// admin,
-	parentalControl = false,
+  device,
+  admin,
+  parentalControl = false,
 }: {
-	device: Device;
-	type: "block" | "unblock";
-	admin?: boolean;
-	parentalControl?: boolean;
+  device: Device;
+  type: "block" | "unblock";
+  admin?: boolean;
+  parentalControl?: boolean;
 }) {
-	const [open, setOpen] = useState(false);
-	const [state, formAction, isPending] = useActionState(
-		blockDeviceAction,
-		initialState,
-	);
-	const [isTransitioning, startTransition] = useTransition();
+  const [open, setOpen] = useState(false);
+  const [state, formAction, isPending] = useActionState(
+    blockDeviceAction,
+    initialState,
+  );
+  const [isTransitioning, startTransition] = useTransition();
 
-	const handleSimpleBlock = () => {
-		startTransition(() => {
-			const formData = new FormData();
-			formData.append("deviceId", String(device.id));
-			formData.append("reason_for_blocking", "");
-			formData.append("action", "simple-block");
-			formData.append("blocked_by", "PARENT");
+  const handleSimpleBlock = () => {
+    startTransition(() => {
+      const formData = new FormData();
+      formData.append("deviceId", String(device.id));
+      formData.append("reason_for_blocking", "");
+      formData.append("action", "simple-block");
+      formData.append("blocked_by", "PARENT");
 
-			formAction(formData);
-		});
-	};
+      formAction(formData);
+    });
+  };
 
-	const handleUnblock = () => {
-		startTransition(() => {
-			const formData = new FormData();
-			formData.append("deviceId", String(device.id));
-			formData.append("reason_for_blocking", "");
-			formData.append("action", "unblock");
-			formData.append("blocked_by", "PARENT");
+  const handleUnblock = () => {
+    startTransition(() => {
+      const formData = new FormData();
+      formData.append("deviceId", String(device.id));
+      formData.append("reason_for_blocking", "");
+      formData.append("action", "unblock");
+      formData.append("blocked_by", "PARENT");
 
-			formAction(formData);
-		});
-	};
+      formAction(formData);
+    });
+  };
 
-	// Show toast notifications based on state changes
-	useEffect(() => {
-		if (state.message) {
-			if (state.success) {
-				toast.success(state.message);
-				if (open) setOpen(false);
-			} else {
-				toast.error(state.message);
-			}
-		}
-	}, [state, open]);
+  // Show toast notifications based on state changes
+  useEffect(() => {
+    if (state.message) {
+      if (state.success) {
+        toast.success(state.message);
+        if (open) setOpen(false);
+      } else {
+        toast.error(state.message);
+      }
+    }
+  }, [state, open]);
 
-	const isLoading = isPending || isTransitioning;
+  const isLoading = isPending || isTransitioning;
 
-	// If device is blocked and user is not admin, show unblock button
-	if (device.blocked && parentalControl) {
-		return (
-			<Button onClick={handleUnblock} disabled={isLoading}>
-				{isLoading ? <TextShimmer>Unblocking</TextShimmer> : "Unblock"}
-			</Button>
-		);
-	}
+  // If device is blocked and user is not admin, show unblock button
+  if (device.blocked && parentalControl) {
+    return (
+      <Button onClick={handleUnblock} disabled={isLoading}>
+        {isLoading ? <TextShimmer>Unblocking</TextShimmer> : "Unblock"}
+      </Button>
+    );
+  }
 
-	// If device is not blocked and user is not admin, show simple block button
-	if (!device.blocked && parentalControl) {
-		return (
-			<Button
-				onClick={handleSimpleBlock}
-				disabled={isLoading}
-				variant="destructive"
-			>
-				<ShieldBan />
-				{isLoading ? <TextShimmer>Blocking</TextShimmer> : "Block"}
-			</Button>
-		);
-	}
+  // If device is not blocked and user is not admin, show simple block button
+  if ((!device.blocked && parentalControl) || !admin) {
+    return (
+      <Button
+        onClick={handleSimpleBlock}
+        disabled={isLoading}
+        variant="destructive"
+      >
+        <ShieldBan />
+        {isLoading ? <TextShimmer>Blocking</TextShimmer> : "Block"}
+      </Button>
+    );
+  }
 
-	// If user is admin, show block with reason dialog
-	return (
-		<div>
-			<Dialog open={open} onOpenChange={setOpen}>
-				<DialogTrigger asChild>
-					<Button disabled={isLoading} variant="destructive">
-						<OctagonX />
-						Block
-					</Button>
-				</DialogTrigger>
-				<DialogContent className="sm:max-w-[425px]">
-					<DialogHeader>
-						<DialogTitle>Block 🚫</DialogTitle>
-						<DialogDescription className="text-sm text-muted-foreground">
-							Please provide a reason for blocking this device
-						</DialogDescription>
-					</DialogHeader>
-					<form action={formAction} className="space-y-4">
-						<input type="hidden" name="deviceId" value={String(device.id)} />
-						<input type="hidden" name="action" value="block" />
-						<input type="hidden" name="blocked_by" value="ADMIN" />
+  // If user is admin, show block with reason dialog
+  return (
+    <div>
+      <Dialog open={open} onOpenChange={setOpen}>
+        <DialogTrigger asChild>
+          <Button disabled={isLoading} variant="destructive">
+            <OctagonX />
+            Block
+          </Button>
+        </DialogTrigger>
+        <DialogContent className="sm:max-w-[425px]">
+          <DialogHeader>
+            <DialogTitle>Block 🚫</DialogTitle>
+            <DialogDescription className="text-sm text-muted-foreground">
+              Please provide a reason for blocking this device
+            </DialogDescription>
+          </DialogHeader>
+          <form action={formAction} className="space-y-4">
+            <input type="hidden" name="deviceId" value={String(device.id)} />
+            <input type="hidden" name="action" value="block" />
+            <input type="hidden" name="blocked_by" value="ADMIN" />
 
-						<div className="grid gap-4 py-4">
-							<div className="flex flex-col items-start gap-1">
-								<Label htmlFor="reason_for_blocking" className="text-right">
-									Reason for blocking
-								</Label>
-								<Textarea
-									rows={10}
-									name="reason_for_blocking"
-									id="reason_for_blocking"
-									defaultValue={
-										(state?.payload?.get("reason_for_blocking") || "") as string
-									}
-									className={cn(
-										"col-span-5 mt-2",
-										state.fieldErrors?.reason_for_blocking &&
-											"ring-2 ring-red-500",
-									)}
-								/>
-								<span className="text-sm text-red-500">
-									{state.fieldErrors?.reason_for_blocking?.[0]}
-								</span>
-							</div>
-						</div>
-						<DialogFooter>
-							<Button variant="destructive" disabled={isLoading} type="submit">
-								{isLoading ? "Blocking..." : "Block"}
-							</Button>
-						</DialogFooter>
-					</form>
-				</DialogContent>
-			</Dialog>
-		</div>
-	);
+            <div className="grid gap-4 py-4">
+              <div className="flex flex-col items-start gap-1">
+                <Label htmlFor="reason_for_blocking" className="text-right">
+                  Reason for blocking
+                </Label>
+                <Textarea
+                  rows={10}
+                  name="reason_for_blocking"
+                  id="reason_for_blocking"
+                  defaultValue={
+                    (state?.payload?.get("reason_for_blocking") || "") as string
+                  }
+                  className={cn(
+                    "col-span-5 mt-2",
+                    state.fieldErrors?.reason_for_blocking &&
+                      "ring-2 ring-red-500",
+                  )}
+                />
+                <span className="text-sm text-red-500">
+                  {state.fieldErrors?.reason_for_blocking?.[0]}
+                </span>
+              </div>
+            </div>
+            <DialogFooter>
+              <Button variant="destructive" disabled={isLoading} type="submit">
+                {isLoading ? "Blocking..." : "Block"}
+              </Button>
+            </DialogFooter>
+          </form>
+        </DialogContent>
+      </Dialog>
+    </div>
+  );
 }
diff --git a/components/device-card.tsx b/components/device-card.tsx
index d725911..2626135 100644
--- a/components/device-card.tsx
+++ b/components/device-card.tsx
@@ -10,107 +10,108 @@ import BlockDeviceDialog from "./block-device-dialog";
 import { Badge } from "./ui/badge";
 
 export default function DeviceCard({
-	device,
-	parentalControl,
+  device,
+  parentalControl,
+  isAdmin,
 }: {
-	device: Device;
-	parentalControl?: boolean;
-	isAdmin?: boolean;
+  device: Device;
+  parentalControl?: boolean;
+  isAdmin?: boolean;
 }) {
-	const [devices, setDeviceCart] = useAtom(deviceCartAtom);
+  const [devices, setDeviceCart] = useAtom(deviceCartAtom);
 
-	const isChecked = devices.some((d) => d.id === device.id);
+  const isChecked = devices.some((d) => d.id === device.id);
 
-	return (
-		// biome-ignore lint/a11y/noStaticElementInteractions: <dw about it>
-		<div
-			onKeyUp={() => {}}
-			onClick={() => {
-				if (device.blocked) return;
-				if (device.is_active === true) return;
-				if (device.has_a_pending_payment === true) return;
-				if (parentalControl === true) return;
-				setDeviceCart((prev) =>
-					devices.some((d) => d.id === device.id)
-						? prev.filter((d) => d.id !== device.id)
-						: [...prev, device],
-				);
-			}}
-			className="w-full"
-		>
-			<div
-				className={cn(
-					"flex text-sm justify-between items-center my-2 p-4 border rounded-md",
-					isChecked ? "bg-accent" : "",
-					device.is_active
-						? "cursor-not-allowed text-green-600 hover:bg-accent-foreground/10"
-						: "cursor-pointer hover:bg-muted-foreground/10",
-				)}
-			>
-				<div className="">
-					<div className="font-semibold flex flex-col items-start gap-2 mb-2">
-						<Link
-							className={cn(
-								"font-medium hover:underline ml-0.5",
-								device.is_active ? "text-green-600" : "",
-							)}
-							href={`/devices/${device.id}`}
-						>
-							{device.name}
-						</Link>
-						<Badge variant={"outline"}>
-							<span className="font-medium">{device.mac}</span>
-						</Badge>
-						<Badge variant={"outline"}>
-							<span className="font-medium">{device.vendor}</span>
-						</Badge>
-					</div>
+  return (
+    // biome-ignore lint/a11y/noStaticElementInteractions: <dw about it>
+    <div
+      onKeyUp={() => {}}
+      onClick={() => {
+        if (device.blocked) return;
+        if (device.is_active === true) return;
+        if (device.has_a_pending_payment === true) return;
+        if (parentalControl === true) return;
+        setDeviceCart((prev) =>
+          devices.some((d) => d.id === device.id)
+            ? prev.filter((d) => d.id !== device.id)
+            : [...prev, device],
+        );
+      }}
+      className="w-full"
+    >
+      <div
+        className={cn(
+          "flex text-sm justify-between items-center my-2 p-4 border rounded-md",
+          isChecked ? "bg-accent" : "",
+          device.is_active
+            ? "cursor-not-allowed text-green-600 hover:bg-accent-foreground/10"
+            : "cursor-pointer hover:bg-muted-foreground/10",
+        )}
+      >
+        <div className="">
+          <div className="font-semibold flex flex-col items-start gap-2 mb-2">
+            <Link
+              className={cn(
+                "font-medium hover:underline ml-0.5",
+                device.is_active ? "text-green-600" : "",
+              )}
+              href={`/devices/${device.id}`}
+            >
+              {device.name}
+            </Link>
+            <Badge variant={"outline"}>
+              <span className="font-medium">{device.mac}</span>
+            </Badge>
+            <Badge variant={"outline"}>
+              <span className="font-medium">{device.vendor}</span>
+            </Badge>
+          </div>
 
-					{device.is_active ? (
-						<div className="text-muted-foreground ml-0.5">
-							Active until{" "}
-							<span className="font-semibold">
-								{new Date(device.expiry_date || "").toLocaleDateString(
-									"en-US",
-									{
-										month: "short",
-										day: "2-digit",
-										year: "numeric",
-									},
-								)}
-							</span>
-						</div>
-					) : (
-						<p className="text-muted-foreground ml-0.5">Device Inactive</p>
-					)}
-					{device.has_a_pending_payment && (
-						<Link href={`/payments/${device.pending_payment_id}`}>
-							<span className="bg-muted rounded px-2 p-1 mt-2 flex hover:underline items-center justify-center gap-2 text-yellow-600">
-								Payment Pending{" "}
-								<HandCoins className="animate-pulse" size={14} />
-							</span>
-						</Link>
-					)}
+          {device.is_active ? (
+            <div className="text-muted-foreground ml-0.5">
+              Active until{" "}
+              <span className="font-semibold">
+                {new Date(device.expiry_date || "").toLocaleDateString(
+                  "en-US",
+                  {
+                    month: "short",
+                    day: "2-digit",
+                    year: "numeric",
+                  },
+                )}
+              </span>
+            </div>
+          ) : (
+            <p className="text-muted-foreground ml-0.5">Device Inactive</p>
+          )}
+          {device.has_a_pending_payment && (
+            <Link href={`/payments/${device.pending_payment_id}`}>
+              <span className="bg-muted rounded px-2 p-1 mt-2 flex hover:underline items-center justify-center gap-2 text-yellow-600">
+                Payment Pending{" "}
+                <HandCoins className="animate-pulse" size={14} />
+              </span>
+            </Link>
+          )}
 
-					{device.blocked && device.blocked_by === "ADMIN" && (
-						<div className="p-2 rounded border my-2 w-full">
-							<span className="uppercase text-red-500">Blocked by admin </span>
-							<p className="text-neutral-500">{device?.reason_for_blocking}</p>
-						</div>
-					)}
-				</div>
-				<div>
-					{!parentalControl ? (
-						<AddDevicesToCartButton device={device} />
-					) : (
-						<BlockDeviceDialog
-							admin={false}
-							type={device.blocked ? "unblock" : "block"}
-							device={device}
-						/>
-					)}
-				</div>
-			</div>
-		</div>
-	);
+          {device.blocked && device.blocked_by === "ADMIN" && (
+            <div className="p-2 rounded border my-2 w-full">
+              <span className="uppercase text-red-500">Blocked by admin </span>
+              <p className="text-neutral-500">{device?.reason_for_blocking}</p>
+            </div>
+          )}
+        </div>
+        <div>
+          {!parentalControl ? (
+            <AddDevicesToCartButton device={device} />
+          ) : (
+            <BlockDeviceDialog
+              admin={isAdmin}
+              type={device.blocked ? "unblock" : "block"}
+              device={device}
+            />
+          )}
+        </div>
+      </div>
+    </div>
+  );
 }
diff --git a/components/devices-table.tsx b/components/devices-table.tsx
index 1ce45f1..2d47d04 100644
--- a/components/devices-table.tsx
+++ b/components/devices-table.tsx
@@ -109,6 +109,7 @@ export async function DevicesTable({
                 parentalControl={parentalControl}
                 key={device.id}
                 device={device}
+                isAdmin={isAdmin}
               />
             ))}
           </div>