diff --git a/apps/frontend/src/components/Fields/SignatureField.tsx b/apps/frontend/src/components/Fields/SignatureField.tsx
index 9baa2dec..25b2fffe 100644
--- a/apps/frontend/src/components/Fields/SignatureField.tsx
+++ b/apps/frontend/src/components/Fields/SignatureField.tsx
@@ -42,7 +42,7 @@ const SignatureField = <T extends string>({
         onChange(`${fieldId}.signatureCanvasWidth`, data.width)
         onChange(`${fieldId}.signatureCanvasHeight`, data.height)
 
-        if (!!documentURL) {
+        if (documentURL) {
             onChange(`${fieldId}.documentURL.EN`, documentURL.EN)
             onChange(`${fieldId}.documentURL.AR`, documentURL.AR)
         }
diff --git a/apps/frontend/src/components/Icons/Icons.tsx b/apps/frontend/src/components/Icons/Icons.tsx
index 71474cb8..c8b4708f 100644
--- a/apps/frontend/src/components/Icons/Icons.tsx
+++ b/apps/frontend/src/components/Icons/Icons.tsx
@@ -1,3 +1,4 @@
+import AddIcon from '@mui/icons-material/Add'
 import Clear from '@mui/icons-material/Clear'
 import CreateIcon from '@mui/icons-material/Create'
 import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown'
@@ -35,3 +36,7 @@ export const ChevronRightIcon = styled(KeyboardArrowRightIcon)({
 export const ClearIcon = styled(Clear)({
     height: '100%',
 })
+
+export const PlusIcon = styled(AddIcon)({
+    height: '100%',
+})
diff --git a/apps/frontend/src/components/PatientDetailSidebar/PatientDetailSidebar.tsx b/apps/frontend/src/components/PatientDetailSidebar/PatientDetailSidebar.tsx
index 38f9d5ea..bdb53627 100644
--- a/apps/frontend/src/components/PatientDetailSidebar/PatientDetailSidebar.tsx
+++ b/apps/frontend/src/components/PatientDetailSidebar/PatientDetailSidebar.tsx
@@ -28,7 +28,6 @@ const PatientDetailSidebar = ({ patientData, onViewPatient }: PatientDetailSideb
     const [translations, selectedLang] = useTranslations()
     const isArabic = selectedLang === LANGUAGES.AR
 
-
     /**
      * Expands the notes panel for the given step, or closes all panels
      */
@@ -76,9 +75,9 @@ const PatientDetailSidebar = ({ patientData, onViewPatient }: PatientDetailSideb
     return (
         <Drawer
             className={selectedLang === LANGUAGES.EN ? 'drawer' : 'drawer-rtl'}
-            classes={{paper: 'drawer-paper'}}
+            classes={{ paper: 'drawer-paper' }}
             variant="permanent"
-            anchor={isArabic ? 'right' : 'left'}       // ← flips automatically
+            anchor={isArabic ? 'right' : 'left'} // ← flips automatically
         >
             <Toolbar />
             <div className="drawer-container">
diff --git a/apps/frontend/src/components/StepManagementContent/StepManagementContent.tsx b/apps/frontend/src/components/StepManagementContent/StepManagementContent.tsx
index 8d126430..c6777f1e 100644
--- a/apps/frontend/src/components/StepManagementContent/StepManagementContent.tsx
+++ b/apps/frontend/src/components/StepManagementContent/StepManagementContent.tsx
@@ -19,6 +19,7 @@ import {
     ChevronRightIcon,
     ChevronUpIcon,
     PencilIcon,
+    PlusIcon,
 } from '../Icons/Icons'
 
 export interface StepManagementContentProps {
@@ -141,7 +142,7 @@ const StepManagementContent = ({
         if (!isEditing) return null
         return (
             <div onClick={() => onAddSubfield(stepKey, root)} className="add-subfield-button">
-                <i className="chevron add icon" />
+                <PlusIcon />
             </div>
         )
     }
diff --git a/apps/frontend/src/pages/PatientDetail/PatientDetail.tsx b/apps/frontend/src/pages/PatientDetail/PatientDetail.tsx
index 8858c890..2400eb66 100644
--- a/apps/frontend/src/pages/PatientDetail/PatientDetail.tsx
+++ b/apps/frontend/src/pages/PatientDetail/PatientDetail.tsx
@@ -206,22 +206,26 @@ const PatientDetail = () => {
                     onUploadProfilePicture={onUploadProfilePicture}
                 />
 
-                        <PatientDetailSidebar
-                            patientData={patientData!}
-                            onViewPatient={() => setManagePatientModalOpen(true)}
-                        />
+                <PatientDetailSidebar
+                    patientData={patientData!}
+                    onViewPatient={() => setManagePatientModalOpen(true)}
+                />
 
-                    <div className={`controller-content ${selectedLang === LANGUAGES.AR ? 'controller-content-ar' : ''}`}>
-                        <ToggleButtons
-                            step={selectedStep}
-                            patientData={patientData!}
-                            handleStep={onStepChange}
-                        />
-                        {generateStepContent()}
-                </div> 
+                <div
+                    className={`controller-content ${
+                        selectedLang === LANGUAGES.AR ? 'controller-content-ar' : ''
+                    }`}
+                >
+                    <ToggleButtons
+                        step={selectedStep}
+                        patientData={patientData!}
+                        handleStep={onStepChange}
+                    />
+                    {generateStepContent()}
+                </div>
             </div>
         </LoadWrapper>
     )
 }
 
-export default PatientDetail
\ No newline at end of file
+export default PatientDetail