diff --git a/src/components/call-desk/click-to-call-button.tsx b/src/components/call-desk/click-to-call-button.tsx
index a081e1e..3c8904d 100644
--- a/src/components/call-desk/click-to-call-button.tsx
+++ b/src/components/call-desk/click-to-call-button.tsx
@@ -4,7 +4,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faPhone } from '@fortawesome/pro-duotone-svg-icons';
 import { useSetAtom } from 'jotai';
 
-const Phone01: FC<{ className?: string }> = ({ className }) => <FontAwesomeIcon icon={faPhone} className={className} />;
+const Phone01: FC<{ className?: string } & Record<string, any>> = ({ className, ...rest }) => <FontAwesomeIcon icon={faPhone} className={className} {...rest} />;
 import { Button } from '@/components/base/buttons/button';
 import { useSip } from '@/providers/sip-provider';
 import { sipCallStateAtom, sipCallerNumberAtom, sipCallUcidAtom } from '@/state/sip-state';
diff --git a/src/components/layout/sidebar.tsx b/src/components/layout/sidebar.tsx
index 6e5aa4c..2eff330 100644
--- a/src/components/layout/sidebar.tsx
+++ b/src/components/layout/sidebar.tsx
@@ -65,7 +65,6 @@ const getNavSections = (role: string): NavSection[] => {
         return [
             { label: 'Call Center', items: [
                 { label: 'Call Desk', href: '/', icon: IconPhone },
-                { label: 'Patients', href: '/patients', icon: IconHospitalUser },
                 { label: 'Call History', href: '/call-history', icon: IconClockRewind },
             ]},
         ];
diff --git a/src/pages/patients.tsx b/src/pages/patients.tsx
index 63e7396..aa9a688 100644
--- a/src/pages/patients.tsx
+++ b/src/pages/patients.tsx
@@ -1,13 +1,13 @@
 import { useMemo, useState } from 'react';
 import { useNavigate } from 'react-router';
-import type { FC } from 'react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faUser, faMagnifyingGlass } from '@fortawesome/pro-duotone-svg-icons';
+import { faUser, faMagnifyingGlass, faEye, faCommentDots, faMessageDots } from '@fortawesome/pro-duotone-svg-icons';
+import { faIcon } from '@/lib/icon-wrapper';
 
-const SearchLg: FC<{ className?: string }> = ({ className }) => <FontAwesomeIcon icon={faMagnifyingGlass} className={className} />;
+const SearchLg = faIcon(faMagnifyingGlass);
 import { Avatar } from '@/components/base/avatar/avatar';
 import { Badge } from '@/components/base/badges/badges';
-import { Button } from '@/components/base/buttons/button';
+// Button removed — actions are icon-only now
 import { Input } from '@/components/base/input/input';
 import { Table, TableCard } from '@/components/application/table/table';
 import { TopBar } from '@/components/layout/top-bar';
@@ -226,20 +226,37 @@ export const PatientsPage = () => {
 
                                             {/* Actions */}
                                             <Table.Cell>
-                                                <div className="flex items-center gap-2">
+                                                <div className="flex items-center gap-1">
                                                     {phone && (
-                                                        <ClickToCallButton
-                                                            phoneNumber={phone}
-                                                            size="sm"
-                                                        />
+                                                        <>
+                                                            <ClickToCallButton
+                                                                phoneNumber={phone}
+                                                                size="sm"
+                                                                label=""
+                                                            />
+                                                            <button
+                                                                onClick={() => window.open(`sms:+91${phone}`, '_self')}
+                                                                title="SMS"
+                                                                className="flex size-8 items-center justify-center rounded-lg text-fg-quaternary hover:text-fg-brand-secondary hover:bg-primary_hover transition duration-100 ease-linear"
+                                                            >
+                                                                <FontAwesomeIcon icon={faCommentDots} className="size-4" />
+                                                            </button>
+                                                            <button
+                                                                onClick={() => window.open(`https://wa.me/91${phone}`, '_blank')}
+                                                                title="WhatsApp"
+                                                                className="flex size-8 items-center justify-center rounded-lg text-fg-quaternary hover:text-[#25D366] hover:bg-primary_hover transition duration-100 ease-linear"
+                                                            >
+                                                                <FontAwesomeIcon icon={faMessageDots} className="size-4" />
+                                                            </button>
+                                                        </>
                                                     )}
-                                                    <Button
-                                                        size="sm"
-                                                        color="link-color"
+                                                    <button
                                                         onClick={() => navigate(`/patient/${patient.id}`)}
+                                                        title="View patient"
+                                                        className="flex size-8 items-center justify-center rounded-lg text-fg-quaternary hover:text-fg-secondary hover:bg-primary_hover transition duration-100 ease-linear"
                                                     >
-                                                        View
-                                                    </Button>
+                                                        <FontAwesomeIcon icon={faEye} className="size-4" />
+                                                    </button>
                                                 </div>
                                             </Table.Cell>
                                         </Table.Row>
diff --git a/src/styles/globals.css b/src/styles/globals.css
index c5bad04..749bd7d 100755
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -29,11 +29,9 @@
     transition-timing-function: inherit;
 }
 
-/* FontAwesome duotone icon colors — uses brand tokens */
+/* FontAwesome duotone — icons inherit color from parent via currentColor.
+   Secondary layer opacity controls the duotone effect. */
 :root {
-    --fa-primary-color: var(--color-fg-brand-primary);
-    --fa-secondary-color: var(--color-fg-brand-secondary);
-    --fa-primary-opacity: 1;
     --fa-secondary-opacity: 0.4;
 }
 
diff --git a/src/styles/theme.css b/src/styles/theme.css
index 3fbe8aa..9cf83fb 100644
--- a/src/styles/theme.css
+++ b/src/styles/theme.css
@@ -769,8 +769,8 @@
     --color-avatar-styles-bg-neutral: rgb(224 224 224);
     --color-button-destructive-primary-icon: var(--color-error-300);
     --color-button-destructive-primary-icon_hover: var(--color-error-200);
-    --color-button-primary-icon: var(--color-brand-300);
-    --color-button-primary-icon_hover: var(--color-brand-200);
+    --color-button-primary-icon: var(--color-white);
+    --color-button-primary-icon_hover: var(--color-white);
     --color-featured-icon-light-fg-brand: var(--color-brand-600);
     --color-featured-icon-light-fg-error: var(--color-error-600);
     --color-featured-icon-light-fg-gray: var(--color-gray-500);
@@ -1190,8 +1190,8 @@
         --color-avatar-styles-bg-neutral: rgb(224 224 224 / 1);
         --color-button-destructive-primary-icon: var(--color-error-300);
         --color-button-destructive-primary-icon_hover: var(--color-error-200);
-        --color-button-primary-icon: var(--color-brand-300);
-        --color-button-primary-icon_hover: var(--color-brand-200);
+        --color-button-primary-icon: var(--color-white);
+        --color-button-primary-icon_hover: var(--color-white);
         --color-featured-icon-light-fg-brand: var(--color-brand-200);
         --color-featured-icon-light-fg-error: var(--color-error-200);
         --color-featured-icon-light-fg-gray: var(--color-gray-200);