diff --git a/src/components/elements/input.tsx b/src/components/elements/input.tsx
index 628fc1cb..e32ee352 100644
--- a/src/components/elements/input.tsx
+++ b/src/components/elements/input.tsx
@@ -17,7 +17,7 @@ const Input = ({
   name,
   onChange,
   type,
-  className,
+  className = "",
   defaultValue,
   focus = false,
   ...rest
diff --git a/src/components/modules/networkIpAssignments.tsx b/src/components/modules/networkIpAssignments.tsx
index 14b5c8a1..819bd9a7 100644
--- a/src/components/modules/networkIpAssignments.tsx
+++ b/src/components/modules/networkIpAssignments.tsx
@@ -1,3 +1,5 @@
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
 import { useRouter } from "next/router";
 import { toast } from "react-hot-toast";
 import { type CustomError } from "~/types/errorHandling";
@@ -39,7 +41,7 @@ export const NetworkIpAssignment = () => {
     <>
       <div>IPv4 assignment</div>
       <div className="xs:grid-cols-4 grid cursor-pointer grid-cols-3 gap-2 sm:grid-cols-3 md:grid-cols-4">
-        {network.cidr?.map((cidr) => {
+        {network.cidr?.map((cidr: string) => {
           return network?.routes?.some((route) => route.target === cidr) ? (
             <div
               key={cidr}
diff --git a/src/components/modules/networkPrivatePublic.tsx b/src/components/modules/networkPrivatePublic.tsx
index 6b0876f7..cff6a720 100644
--- a/src/components/modules/networkPrivatePublic.tsx
+++ b/src/components/modules/networkPrivatePublic.tsx
@@ -1,3 +1,5 @@
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
 import { useRouter } from "next/router";
 import { toast } from "react-hot-toast";
 import { type CustomError } from "~/types/errorHandling";
diff --git a/src/components/modules/networkRoutes.tsx b/src/components/modules/networkRoutes.tsx
index 59b6b993..965fef28 100644
--- a/src/components/modules/networkRoutes.tsx
+++ b/src/components/modules/networkRoutes.tsx
@@ -1,3 +1,7 @@
+/* eslint-disable @typescript-eslint/no-unsafe-argument */
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
 import { useRouter } from "next/router";
 import { type ChangeEvent, useState } from "react";
 import { toast } from "react-hot-toast";
diff --git a/src/icons/copy.tsx b/src/icons/copy.tsx
index a121ed6b..6049ed22 100644
--- a/src/icons/copy.tsx
+++ b/src/icons/copy.tsx
@@ -6,7 +6,7 @@ interface Icon {
   onClick?: () => void;
 }
 
-const CopyIcon = ({ className, onClick, ...rest }: Icon) => (
+const CopyIcon = ({ className = "", onClick, ...rest }: Icon) => (
   <span onClick={onClick}>
     <svg
       xmlns="http://www.w3.org/2000/svg"
diff --git a/src/pages/admin/controller/index.tsx b/src/pages/admin/controller/index.tsx
index 7cece577..6eef0254 100644
--- a/src/pages/admin/controller/index.tsx
+++ b/src/pages/admin/controller/index.tsx
@@ -1,3 +1,6 @@
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import { clearConfigCache } from "prettier";
 import { type ReactElement } from "react";
@@ -23,14 +26,14 @@ const Controller = () => {
     <div>
       <div className="flex items-center justify-center ">
         <div className="grid grid-cols-1 gap-5 space-y-4 pt-10 md:space-y-0 lg:grid-cols-2 xl:grid-cols-3">
-          <div className="card card-normal w-60 bg-base-300 sm:w-96">
+          <div className="card-normal card w-60 bg-base-300 sm:w-96">
             <div className="card-body flex-grow-0">
               <h2 className="card-title flex justify-center">Networks</h2>
               <p className="">Network Count: {networkCount}</p>
               <p className="">Total Members: {totalMembers}</p>
             </div>
           </div>
-          <div className="card card-normal w-60 bg-base-300 sm:w-96">
+          <div className="card-normal card w-60 bg-base-300 sm:w-96">
             <div className="card-body">
               <h2 className="card-title flex justify-center">Controller TCP</h2>
               <p className="">Allow Management From:</p>
@@ -51,7 +54,7 @@ const Controller = () => {
             </div>
           </div>
 
-          <div className="card card-normal w-60 bg-base-300 sm:w-96">
+          <div className="card-normal card w-60 bg-base-300 sm:w-96">
             <div className="card-body flex-grow-0">
               <h2 className="card-title flex justify-center">
                 Controller Stats
diff --git a/src/pages/network/[id].tsx b/src/pages/network/[id].tsx
index a90209f4..4fba09c5 100644
--- a/src/pages/network/[id].tsx
+++ b/src/pages/network/[id].tsx
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/restrict-template-expressions */
 import { useRouter } from "next/router";
 import { useState, type ReactElement } from "react";
 import { LayoutAuthenticated } from "~/components/layouts/layout";
diff --git a/tsconfig.json b/tsconfig.json
index d4f262b0..56f73ce3 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -16,7 +16,6 @@
     "jsx": "preserve",
     "incremental": true,
     "noUncheckedIndexedAccess": true,
-    "strictNullChecks": true,
     "baseUrl": ".",
     "paths": {
       "~/*": ["./src/*"]