diff --git a/apps/cs/src/pages/role/ui/mapping-role-dialog.tsx b/apps/cs/src/pages/role/ui/mapping-role-dialog.tsx
index 46f3d45f0..1f8de050d 100644
--- a/apps/cs/src/pages/role/ui/mapping-role-dialog.tsx
+++ b/apps/cs/src/pages/role/ui/mapping-role-dialog.tsx
@@ -10,12 +10,18 @@ import {
   Button,
   Switch,
   Input,
+  Select,
+  SelectTrigger,
+  SelectValue,
+  SelectContent,
+  SelectItem,
 } from "@common/components";
 import {
   RoleAuthorizationsApi,
   type RoleAuthorizationsData,
   type RoleAuthorizationsByRoleId,
 } from "@/entities/role-authorization";
+import { SiteSelect } from "@/entities/site";
 import { ENDPOINT } from "@/shared/config";
 import { useAlertStore, useMutationWrapper, useDataTable } from "@/shared/lib";
 
@@ -107,17 +113,27 @@ function MappingRoleDialog({
       <DialogTrigger asChild>
         <Button size="sm">권한맵핑</Button>
       </DialogTrigger>
-      <DialogContent className="max-w-[80rem]" aria-describedby={undefined}>
+      <DialogContent className="max-w-[96rem]" aria-describedby={undefined}>
         <DialogHeader>
           <DialogTitle>모듈 목록</DialogTitle>
         </DialogHeader>
         <div className="flex items-center justify-between">
           <form onSubmit={handleSubmit} className="flex items-center gap-2">
+            <SiteSelect enabledAllSite />
+            <Select>
+              <SelectTrigger className="w-[12rem]">
+                <SelectValue placeholder="선택" />
+              </SelectTrigger>
+              <SelectContent>
+                <SelectItem value="authorizationName">API명</SelectItem>
+                <SelectItem value="urlPatternValue">API URL</SelectItem>
+              </SelectContent>
+            </Select>
             <Input
               ref={inputRef}
               type="text"
               name="keyword"
-              className="w-[32rem]"
+              className="w-[24rem]"
             />
             <Button type="submit">검색</Button>
             <Button type="button" color="white" onClick={handleReset}>
@@ -145,7 +161,7 @@ const createColumns = (
     accessorKey: "authorizationName",
     header: "API명",
     meta: {
-      width: 130,
+      width: 320,
     },
   },
   {
diff --git a/apps/cs/src/pages/role/ui/role-form.tsx b/apps/cs/src/pages/role/ui/role-form.tsx
index 998ebbc2c..bb67adb42 100644
--- a/apps/cs/src/pages/role/ui/role-form.tsx
+++ b/apps/cs/src/pages/role/ui/role-form.tsx
@@ -42,7 +42,7 @@ function RoleForm({ roleId, form, handleSave, ...props }: RoleFormProps) {
     queryKey: [ENDPOINT.CMS_SERVICE.SITE_AUTHORITY, roleId],
     queryFn: () =>
       SiteAuthorityApi.getSiteAuthorityList({
-        authrtId: roleId,
+        authrtId: roleId ?? "",
         page: 0,
         size: 100,
       }),