diff --git a/.env b/.env
index ec8b053..75d31ae 100644
--- a/.env
+++ b/.env
@@ -1,2 +1,2 @@
-VITE_API_BASE_URL=http://localhost:3000/api/v1
-# VITE_API_BASE_URL=https://backendqaasure.tech4bizsolutions.com/api/v1
+# VITE_API_BASE_URL=http://localhost:3000/api/v1
+VITE_API_BASE_URL=https://backendqaasure.tech4bizsolutions.com/api/v1
diff --git a/src/components/shared/MultiselectPaginatedSelect.tsx b/src/components/shared/MultiselectPaginatedSelect.tsx
index 00184e0..a0b77d4 100644
--- a/src/components/shared/MultiselectPaginatedSelect.tsx
+++ b/src/components/shared/MultiselectPaginatedSelect.tsx
@@ -195,15 +195,6 @@ export const MultiselectPaginatedSelect = ({
     onValueChange(value.filter((v) => v !== optionValue));
   };
 
-  const getDisplayText = (): string => {
-    if (value.length === 0) return placeholder;
-    if (value.length === 1) {
-      const option = options.find((opt) => opt.value === value[0]);
-      return option ? option.label : `${value.length} selected`;
-    }
-    return `${value.length} selected`;
-  };
-
   return (
     <div className="flex flex-col gap-2 pb-4">
       <label
diff --git a/src/pages/Roles.tsx b/src/pages/Roles.tsx
index 8b4438c..b0b8de4 100644
--- a/src/pages/Roles.tsx
+++ b/src/pages/Roles.tsx
@@ -16,7 +16,7 @@ import {
 } from '@/components/shared';
 import { Plus, Download, ArrowUpDown } from 'lucide-react';
 import { roleService } from '@/services/role-service';
-import type { Role } from '@/types/role';
+import type { Role, CreateRoleRequest, UpdateRoleRequest } from '@/types/role';
 import { showToast } from '@/utils/toast';
 
 // Helper function to format date
@@ -103,12 +103,7 @@ const Roles = (): ReactElement => {
     fetchRoles(currentPage, limit, scopeFilter, orderBy);
   }, [currentPage, limit, scopeFilter, orderBy]);
 
-  const handleCreateRole = async (data: {
-    name: string;
-    code: string;
-    description: string;
-    scope: 'platform' | 'tenant' | 'module';
-  }): Promise<void> => {
+  const handleCreateRole = async (data: CreateRoleRequest): Promise<void> => {
     try {
       setIsCreating(true);
       const response = await roleService.create(data);
@@ -140,12 +135,7 @@ const Roles = (): ReactElement => {
   // Update role handler
   const handleUpdateRole = async (
     id: string,
-    data: {
-      name: string;
-      code: string;
-      description: string;
-      scope: 'platform' | 'tenant' | 'module';
-    }
+    data: UpdateRoleRequest
   ): Promise<void> => {
     try {
       setIsUpdating(true);