diff --git a/src/components/call-desk/appointment-form.tsx b/src/components/call-desk/appointment-form.tsx
index 9f77daf..44be401 100644
--- a/src/components/call-desk/appointment-form.tsx
+++ b/src/components/call-desk/appointment-form.tsx
@@ -1,5 +1,9 @@
 import { useState } from 'react';
-import { CalendarPlus02 } from '@untitledui/icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faCalendarPlus } from '@fortawesome/pro-duotone-svg-icons';
+import type { FC, HTMLAttributes } from 'react';
+
+const CalendarPlus02: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faCalendarPlus} className={className} />;
 import { SlideoutMenu } from '@/components/application/slideout-menus/slideout-menu';
 import { Input } from '@/components/base/input/input';
 import { Select } from '@/components/base/select/select';
diff --git a/src/components/call-desk/call-widget.tsx b/src/components/call-desk/call-widget.tsx
index 8b7cacc..e5ce7c9 100644
--- a/src/components/call-desk/call-widget.tsx
+++ b/src/components/call-desk/call-widget.tsx
@@ -1,17 +1,31 @@
 import { useState, useEffect, useRef } from 'react';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import {
-    Phone01,
-    PhoneIncoming01,
-    PhoneOutgoing01,
-    PhoneHangUp,
-    PhoneX,
-    MicrophoneOff01,
-    Microphone01,
-    PauseCircle,
-    CheckCircle,
-    Save01,
-    CalendarPlus02,
-} from '@untitledui/icons';
+    faPhone,
+    faPhoneArrowDown,
+    faPhoneArrowUp,
+    faPhoneHangup,
+    faPhoneXmark,
+    faMicrophoneSlash,
+    faMicrophone,
+    faPause,
+    faCircleCheck,
+    faFloppyDisk,
+    faCalendarPlus,
+} from '@fortawesome/pro-duotone-svg-icons';
+import type { FC, HTMLAttributes } from 'react';
+
+const Phone01: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faPhone} className={className} />;
+const PhoneIncoming01: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faPhoneArrowDown} className={className} />;
+const PhoneOutgoing01: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faPhoneArrowUp} className={className} />;
+const PhoneHangUp: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faPhoneHangup} className={className} />;
+const PhoneX: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faPhoneXmark} className={className} />;
+const MicrophoneOff01: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faMicrophoneSlash} className={className} />;
+const Microphone01: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faMicrophone} className={className} />;
+const PauseCircle: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faPause} className={className} />;
+const CheckCircle: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faCircleCheck} className={className} />;
+const Save01: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faFloppyDisk} className={className} />;
+const CalendarPlus02: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faCalendarPlus} className={className} />;
 import { Button } from '@/components/base/buttons/button';
 import { TextArea } from '@/components/base/textarea/textarea';
 import { AppointmentForm } from '@/components/call-desk/appointment-form';
diff --git a/src/pages/patient-360.tsx b/src/pages/patient-360.tsx
index 9b24772..ff965c2 100644
--- a/src/pages/patient-360.tsx
+++ b/src/pages/patient-360.tsx
@@ -1,6 +1,14 @@
 import { useMemo, useState } from 'react';
 import { useParams } from 'react-router';
-import { Phone01, Mail01, Calendar, MessageTextSquare01, Plus } from '@untitledui/icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faPhone, faEnvelope, faCalendar, faCommentDots, faPlus } from '@fortawesome/pro-duotone-svg-icons';
+import type { FC, HTMLAttributes } from 'react';
+
+const Phone01: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faPhone} className={className} />;
+const Mail01: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faEnvelope} className={className} />;
+const Calendar: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faCalendar} className={className} />;
+const MessageTextSquare01: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faCommentDots} className={className} />;
+const Plus: FC<HTMLAttributes<HTMLOrSVGElement>> = ({ className }) => <FontAwesomeIcon icon={faPlus} className={className} />;
 import { Tabs, TabList, Tab, TabPanel } from '@/components/application/tabs/tabs';
 import { TopBar } from '@/components/layout/top-bar';
 import { Avatar } from '@/components/base/avatar/avatar';