diff --git a/Components/Repo/QuickCommands/QuickCommands.js b/Components/Repo/QuickCommands/QuickCommands.js
index 180ebe0..b4ff6e8 100644
--- a/Components/Repo/QuickCommands/QuickCommands.js
+++ b/Components/Repo/QuickCommands/QuickCommands.js
@@ -2,7 +2,7 @@
 import React from 'react';
 import { useState } from 'react';
 import classes from './QuickCommands.module.css';
-import { IconSettingsAutomation, IconCopy } from '@tabler/icons';
+import { IconSettingsAutomation, IconCopy } from '@tabler/icons-react';
 
 export default function QuickCommands(props) {
     ////Vars
diff --git a/Components/Repo/Repo.js b/Components/Repo/Repo.js
index d65b83b..8f21f08 100644
--- a/Components/Repo/Repo.js
+++ b/Components/Repo/Repo.js
@@ -1,7 +1,7 @@
 //Lib
 import React from 'react';
 import classes from './Repo.module.css';
-import { IconSettings, IconInfoCircle } from '@tabler/icons';
+import { IconSettings, IconInfoCircle } from '@tabler/icons-react';
 import timestampConverter from '../../helpers/functions/timestampConverter';
 import StorageBar from '../UI/StorageBar/StorageBar';
 import QuickCommands from './QuickCommands/QuickCommands';
diff --git a/Components/UI/CopyButton/CopyButton.js b/Components/UI/CopyButton/CopyButton.js
index 305d663..0079d35 100644
--- a/Components/UI/CopyButton/CopyButton.js
+++ b/Components/UI/CopyButton/CopyButton.js
@@ -1,7 +1,7 @@
 //Lib
 import classes from './CopyButton.module.css';
 import { useState } from 'react';
-import { IconCopy } from '@tabler/icons';
+import { IconCopy } from '@tabler/icons-react';
 
 export default function CopyButton(props) {
     //State
diff --git a/Components/UI/Layout/Header/Nav/Nav.js b/Components/UI/Layout/Header/Nav/Nav.js
index 7a97a7f..ecde380 100644
--- a/Components/UI/Layout/Header/Nav/Nav.js
+++ b/Components/UI/Layout/Header/Nav/Nav.js
@@ -1,6 +1,6 @@
 //Lib
 import classes from './Nav.module.css';
-import { IconUser, IconLogout } from '@tabler/icons';
+import { IconUser, IconLogout } from '@tabler/icons-react';
 import Link from 'next/link';
 import { useRouter } from 'next/router';
 import { useSession, signOut } from 'next-auth/react';
diff --git a/Components/UI/Layout/NavSide/NavSide.js b/Components/UI/Layout/NavSide/NavSide.js
index 1afd0c6..921ef1b 100644
--- a/Components/UI/Layout/NavSide/NavSide.js
+++ b/Components/UI/Layout/NavSide/NavSide.js
@@ -4,7 +4,7 @@ import {
     IconServer,
     IconSettingsAutomation,
     IconActivityHeartbeat,
-} from '@tabler/icons';
+} from '@tabler/icons-react';
 import Link from 'next/link';
 import { useRouter } from 'next/router';
 
diff --git a/Components/WizardSteps/WizardStep1/WizardStep1.js b/Components/WizardSteps/WizardStep1/WizardStep1.js
index 8726f33..93b4d3c 100644
--- a/Components/WizardSteps/WizardStep1/WizardStep1.js
+++ b/Components/WizardSteps/WizardStep1/WizardStep1.js
@@ -1,7 +1,7 @@
 //Lib
 import React from 'react';
 import classes from '../WizardStep1/WizardStep1.module.css';
-import { IconDeviceDesktopAnalytics, IconTerminal2 } from '@tabler/icons';
+import { IconDeviceDesktopAnalytics, IconTerminal2 } from '@tabler/icons-react';
 
 function WizardStep1() {
     return (
diff --git a/Components/WizardSteps/WizardStep2/WizardStep2.js b/Components/WizardSteps/WizardStep2/WizardStep2.js
index 7e88f7e..ab02455 100644
--- a/Components/WizardSteps/WizardStep2/WizardStep2.js
+++ b/Components/WizardSteps/WizardStep2/WizardStep2.js
@@ -1,7 +1,7 @@
 //Lib
 import React from 'react';
 import classes from '../WizardStep1/WizardStep1.module.css';
-import { IconTool, IconAlertCircle } from '@tabler/icons';
+import { IconTool, IconAlertCircle } from '@tabler/icons-react';
 import CopyButton from '../../UI/CopyButton/CopyButton';
 
 function WizardStep2(props) {
diff --git a/Components/WizardSteps/WizardStep3/WizardStep3.js b/Components/WizardSteps/WizardStep3/WizardStep3.js
index d938d34..7094aff 100644
--- a/Components/WizardSteps/WizardStep3/WizardStep3.js
+++ b/Components/WizardSteps/WizardStep3/WizardStep3.js
@@ -1,7 +1,7 @@
 //Lib
 import React from 'react';
 import classes from '../WizardStep1/WizardStep1.module.css';
-import { IconChecks, IconPlayerPlay } from '@tabler/icons';
+import { IconChecks, IconPlayerPlay } from '@tabler/icons-react';
 import CopyButton from '../../UI/CopyButton/CopyButton';
 
 function WizardStep3(props) {
diff --git a/Components/WizardSteps/WizardStep4/WizardStep4.js b/Components/WizardSteps/WizardStep4/WizardStep4.js
index 7e27846..10ebf4c 100644
--- a/Components/WizardSteps/WizardStep4/WizardStep4.js
+++ b/Components/WizardSteps/WizardStep4/WizardStep4.js
@@ -1,7 +1,7 @@
 //Lib
 import React from 'react';
 import classes from '../WizardStep1/WizardStep1.module.css';
-import { IconWand } from '@tabler/icons';
+import { IconWand } from '@tabler/icons-react';
 import CopyButton from '../../UI/CopyButton/CopyButton';
 
 function WizardStep4(props) {
diff --git a/Components/WizardSteps/WizardStepBar/WizardStepBar.js b/Components/WizardSteps/WizardStepBar/WizardStepBar.js
index d9fcb3c..f79e48e 100644
--- a/Components/WizardSteps/WizardStepBar/WizardStepBar.js
+++ b/Components/WizardSteps/WizardStepBar/WizardStepBar.js
@@ -1,7 +1,7 @@
 //Lib
 import React from 'react';
 import classes from './WizardStepBar.module.css';
-import { IconChevronLeft, IconChevronRight } from '@tabler/icons';
+import { IconChevronLeft, IconChevronRight } from '@tabler/icons-react';
 
 function WizardStepBar(props) {
     ////Functions
diff --git a/Containers/RepoList/RepoList.js b/Containers/RepoList/RepoList.js
index 220c3d1..04b1bb3 100644
--- a/Containers/RepoList/RepoList.js
+++ b/Containers/RepoList/RepoList.js
@@ -1,7 +1,7 @@
 //Lib
 import classes from './RepoList.module.css';
 import { useState, useEffect, useRef } from 'react';
-import { IconPlus, IconChevronDown, IconChevronUp } from '@tabler/icons';
+import { IconPlus, IconChevronDown, IconChevronUp } from '@tabler/icons-react';
 import { useRouter } from 'next/router';
 import Link from 'next/link';
 import useSWR, { useSWRConfig } from 'swr';
diff --git a/Containers/RepoManage/RepoManage.js b/Containers/RepoManage/RepoManage.js
index daa357c..67ef732 100644
--- a/Containers/RepoManage/RepoManage.js
+++ b/Containers/RepoManage/RepoManage.js
@@ -1,6 +1,6 @@
 //Lib
 import classes from './RepoManage.module.css';
-import { IconAlertCircle, IconX } from '@tabler/icons';
+import { IconAlertCircle, IconX } from '@tabler/icons-react';
 import { useState } from 'react';
 import { useRouter } from 'next/router';
 import { toast } from 'react-toastify';
@@ -9,7 +9,7 @@ import { useForm, Controller } from 'react-hook-form';
 import { SpinnerDotted } from 'spinners-react';
 import Select from 'react-select';
 import Link from 'next/link';
-import { IconExternalLink } from '@tabler/icons';
+import { IconExternalLink } from '@tabler/icons-react';
 
 export default function RepoManage(props) {
     ////Var
diff --git a/Containers/UserSettings/AppriseAlertSettings/AppriseAlertSettings.js b/Containers/UserSettings/AppriseAlertSettings/AppriseAlertSettings.js
index b3438be..f27eea4 100644
--- a/Containers/UserSettings/AppriseAlertSettings/AppriseAlertSettings.js
+++ b/Containers/UserSettings/AppriseAlertSettings/AppriseAlertSettings.js
@@ -5,7 +5,7 @@ import 'react-toastify/dist/ReactToastify.css';
 import classes from '../UserSettings.module.css';
 import { useState } from 'react';
 import { SpinnerCircularFixed } from 'spinners-react';
-import { IconExternalLink } from '@tabler/icons';
+import { IconExternalLink } from '@tabler/icons-react';
 import Link from 'next/link';
 
 //Components
diff --git a/Containers/UserSettings/EmailAlertSettings/EmailAlertSettings.js b/Containers/UserSettings/EmailAlertSettings/EmailAlertSettings.js
index defc31f..ff2a717 100644
--- a/Containers/UserSettings/EmailAlertSettings/EmailAlertSettings.js
+++ b/Containers/UserSettings/EmailAlertSettings/EmailAlertSettings.js
@@ -5,7 +5,7 @@ import 'react-toastify/dist/ReactToastify.css';
 import classes from '../UserSettings.module.css';
 import { useState } from 'react';
 import { SpinnerCircularFixed } from 'spinners-react';
-import { IconExternalLink } from '@tabler/icons';
+import { IconExternalLink } from '@tabler/icons-react';
 import Link from 'next/link';
 
 //Components
diff --git a/package-lock.json b/package-lock.json
index 903a252..3148767 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,7 +8,7 @@
             "name": "borgwarehouse",
             "version": "1.0",
             "dependencies": {
-                "@tabler/icons": "^2.24.0",
+                "@tabler/icons-react": "^2.24.0",
                 "bcryptjs": "^2.4.3",
                 "chart.js": "^3.9.1",
                 "next": "^13.4.9",
@@ -594,6 +594,22 @@
                 "url": "https://github.com/sponsors/codecalm"
             }
         },
+        "node_modules/@tabler/icons-react": {
+            "version": "2.24.0",
+            "resolved": "https://registry.npmjs.org/@tabler/icons-react/-/icons-react-2.24.0.tgz",
+            "integrity": "sha512-0pNc+ffp4HZCsozv9aN/hSDiC/RTGozTmf0MCL4U9NIo8yMQh8q3zEfXRNr18IM2InyIBJL95/1J2kzgU2lYeA==",
+            "dependencies": {
+                "@tabler/icons": "2.24.0",
+                "prop-types": "^15.7.2"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/codecalm"
+            },
+            "peerDependencies": {
+                "react": "^16.5.1 || ^17.0.0 || ^18.0.0"
+            }
+        },
         "node_modules/@types/json5": {
             "version": "0.0.29",
             "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
diff --git a/package.json b/package.json
index 30c069a..856eef4 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,7 @@
         "lint": "next lint"
     },
     "dependencies": {
-        "@tabler/icons": "^2.24.0",
+        "@tabler/icons-react": "^2.24.0",
         "bcryptjs": "^2.4.3",
         "chart.js": "^3.9.1",
         "next": "^13.4.9",