diff --git a/apps/platform/src/app/auth/otp/page.tsx b/apps/platform/src/app/auth/otp/page.tsx
index b9c03d14..cfd94075 100644
--- a/apps/platform/src/app/auth/otp/page.tsx
+++ b/apps/platform/src/app/auth/otp/page.tsx
@@ -8,6 +8,8 @@ import Cookies from 'js-cookie'
 import { toast } from 'sonner'
 import { LoadingSVG } from '@public/svg/shared'
 import { KeyshadeBigSVG } from '@public/svg/auth'
+import type { ClientResponse } from '@keyshade/api-client/dist/src/types/index.types'
+import type { ResendOTPRequest } from '@keyshade/api-client/dist/src/types/auth.types'
 import { GeistSansFont } from '@/fonts'
 import { Button } from '@/components/ui/button'
 import {
@@ -19,6 +21,7 @@ import {
 import { authEmailAtom } from '@/store'
 import type { User } from '@/types'
 import { zUser } from '@/types'
+import ControllerInstance from '@/lib/controller-instance'
 
 export default function AuthOTPPage(): React.JSX.Element {
   const email = useAtomValue(authEmailAtom)
@@ -92,18 +95,22 @@ export default function AuthOTPPage(): React.JSX.Element {
   const handleResendOtp = async (userEmail: string): Promise<void> => {
     try {
       setIsLoadingRefresh(true)
-      const response = await fetch(
-        `${process.env.NEXT_PUBLIC_BACKEND_URL}/api/auth/resend-otp/${encodeURIComponent(userEmail)}`,
-        {
-          method: 'POST'
-        }
-      )
-      if (response.status === 429) {
+      //TODO:Remove this once initialisation is fixed
+      // ControllerInstance.initialize('http://localhost:4200')
+
+      const { error, success } =
+        (await ControllerInstance.getInstance().authController.resendOTP({
+          userEmail: encodeURIComponent(userEmail)
+        })) as ClientResponse<ResendOTPRequest>
+      if (success) {
+        toast.success('OTP successfully sent to your email')
+        setIsLoadingRefresh(false)
+      } else {
+        // eslint-disable-next-line no-console -- we need to log the error
+        console.log(error)
         toast.error("Couldn't send OTP, too many requests")
         setIsLoadingRefresh(false)
-      } else if (response.ok)
-        toast.success('OTP successfully sent to your email')
-      setIsLoadingRefresh(false)
+      }
     } catch (error) {
       // eslint-disable-next-line no-console -- we need to log the error
       console.error(`Failed to send OTP: ${error}`)
@@ -171,7 +178,7 @@ export default function AuthOTPPage(): React.JSX.Element {
               <span>
                 {isLoadingRefresh ? (
                   <span>
-                    <LoadingSVG className="w-10 h-10" />
+                    <LoadingSVG className="h-10 w-10" />
                   </span>
                 ) : (
                   <Button
diff --git a/apps/platform/src/lib/controller-instance.ts b/apps/platform/src/lib/controller-instance.ts
new file mode 100644
index 00000000..fe432b7b
--- /dev/null
+++ b/apps/platform/src/lib/controller-instance.ts
@@ -0,0 +1,31 @@
+import { AuthController } from '@keyshade/api-client'
+
+export default class ControllerInstance {
+  private static instance: ControllerInstance | null
+
+  private _authController: AuthController | null = null
+
+  get authController(): AuthController {
+    if (!this._authController) {
+      throw new Error('ControllerInstance not initialized')
+    }
+    return this._authController
+  }
+
+  static initialize(baseUrl: string): void {
+    if (!ControllerInstance.instance) {
+      const instance = new ControllerInstance()
+
+      instance._authController = new AuthController(baseUrl)
+
+      ControllerInstance.instance = instance
+    }
+  }
+
+  static getInstance(): ControllerInstance {
+    if (!ControllerInstance.instance) {
+      throw new Error('ControllerInstance not initialized')
+    }
+    return ControllerInstance.instance
+  }
+}
diff --git a/packages/api-client/src/controllers/auth.ts b/packages/api-client/src/controllers/auth.ts
new file mode 100644
index 00000000..3a943f9c
--- /dev/null
+++ b/packages/api-client/src/controllers/auth.ts
@@ -0,0 +1,26 @@
+import {
+  ResendOTPResponse,
+  ResendOTPRequest
+} from '@api-client/types/auth.types'
+import { APIClient } from '@api-client/core/client'
+import { parseResponse } from '@api-client/core/response-parser'
+import { ClientResponse } from '@api-client/types/index.types'
+export default class AuthController {
+  private apiClient: APIClient
+
+  constructor(private readonly backendURL: string) {
+    this.apiClient = new APIClient(this.backendURL)
+  }
+
+  async resendOTP(
+    request: ResendOTPRequest,
+    headers?: Record<string, string>
+  ): Promise<ClientResponse<ResendOTPResponse>> {
+    const response = await this.apiClient.post(
+      `/api/auth/resend-otp/${request.userEmail}`,
+      request,
+      headers
+    )
+    return await parseResponse<ResendOTPResponse>(response)
+  }
+}
diff --git a/packages/api-client/src/index.ts b/packages/api-client/src/index.ts
index 6d1e7afc..79ab5f6d 100644
--- a/packages/api-client/src/index.ts
+++ b/packages/api-client/src/index.ts
@@ -7,7 +7,7 @@ import VariableController from '@api-client/controllers/variable'
 import WorkspaceController from '@api-client/controllers/workspace'
 import WorkspaceRoleController from '@api-client/controllers/workspace-role'
 import WorkspaceMembershipController from '@api-client/controllers/workspace-membership'
-
+import AuthController from '@api-client/controllers/auth'
 export {
   EnvironmentController,
   SecretController,
@@ -17,5 +17,6 @@ export {
   VariableController,
   WorkspaceController,
   WorkspaceRoleController,
-  WorkspaceMembershipController
+  WorkspaceMembershipController,
+  AuthController
 }
diff --git a/packages/api-client/src/types/auth.types.ts b/packages/api-client/src/types/auth.types.ts
new file mode 100644
index 00000000..c33c37fc
--- /dev/null
+++ b/packages/api-client/src/types/auth.types.ts
@@ -0,0 +1,4 @@
+export interface ResendOTPRequest {
+  userEmail: string
+}
+export interface ResendOTPResponse {}
diff --git a/packages/api-client/src/types/index.types.d.ts b/packages/api-client/src/types/index.types.ts
similarity index 100%
rename from packages/api-client/src/types/index.types.d.ts
rename to packages/api-client/src/types/index.types.ts