diff --git a/src/modules/jackpot/jackpot-records-console.tsx b/src/modules/jackpot/jackpot-records-console.tsx
index b9a8803..e455a77 100644
--- a/src/modules/jackpot/jackpot-records-console.tsx
+++ b/src/modules/jackpot/jackpot-records-console.tsx
@@ -167,15 +167,15 @@ export function JackpotRecordsConsole({ embedded = false }: JackpotRecordsConsol
     return translated === key ? value : translated;
   };
 
-  const filterBlock = (
-    <div className="flex flex-wrap items-end gap-2">
-      <div className="space-y-1.5">
-        <Label htmlFor="jk-draw" className="text-xs text-muted-foreground">
+  const filterToolbar = (
+    <div className="admin-list-toolbar">
+      <div className="admin-list-field">
+        <Label htmlFor="jk-draw" className="sm:shrink-0">
           {t("drawNo")}
         </Label>
         <Input
           id="jk-draw"
-          className="h-9 w-40 font-mono"
+          className="h-9 w-full font-mono sm:w-[18rem]"
           value={drawNo}
           onChange={(e) => setDrawNo(e.target.value)}
           placeholder={t("optional")}
@@ -186,9 +186,11 @@ export function JackpotRecordsConsole({ embedded = false }: JackpotRecordsConsol
           }}
         />
       </div>
-      <Button type="button" size="sm" className="h-9" onClick={applyDraw}>
-        {t("apply")}
-      </Button>
+      <div className="admin-list-actions">
+        <Button type="button" size="sm" className="h-9" onClick={applyDraw}>
+          {t("apply")}
+        </Button>
+      </div>
     </div>
   );
 
@@ -316,22 +318,22 @@ export function JackpotRecordsConsole({ embedded = false }: JackpotRecordsConsol
 
   const content = (
     <>
-      <div className="flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between">
+      <div className="space-y-3">
         <AdminSubnav aria-label={t("pageTabs")}>
-        <AdminSubnavButton
-          active={recordTab === "payout"}
-          onClick={() => setRecordTab("payout")}
-        >
-          {t("payoutRecords")}
-        </AdminSubnavButton>
-        <AdminSubnavButton
-          active={recordTab === "contribution"}
-          onClick={() => setRecordTab("contribution")}
-        >
-          {t("contributionRecords")}
-        </AdminSubnavButton>
+          <AdminSubnavButton
+            active={recordTab === "payout"}
+            onClick={() => setRecordTab("payout")}
+          >
+            {t("payoutRecords")}
+          </AdminSubnavButton>
+          <AdminSubnavButton
+            active={recordTab === "contribution"}
+            onClick={() => setRecordTab("contribution")}
+          >
+            {t("contributionRecords")}
+          </AdminSubnavButton>
         </AdminSubnav>
-        {filterBlock}
+        {filterToolbar}
       </div>
 
       {err ? <p className="text-destructive text-sm">{err}</p> : null}