diff --git a/src/pages/master/brandDevice/AddBrandDevice.jsx b/src/pages/master/brandDevice/AddBrandDevice.jsx
index dfa88e5..986977b 100644
--- a/src/pages/master/brandDevice/AddBrandDevice.jsx
+++ b/src/pages/master/brandDevice/AddBrandDevice.jsx
@@ -13,13 +13,18 @@ import {
     Space,
     ConfigProvider,
 } from 'antd';
-import {
-    EditOutlined,
-    DeleteOutlined
-} from '@ant-design/icons';
+import { EditOutlined, DeleteOutlined } from '@ant-design/icons';
 import { NotifAlert, NotifOk, NotifConfirmDialog } from '../../../components/Global/ToastNotif';
 import { useBreadcrumb } from '../../../layout/LayoutBreadcrumb';
-import { getBrandById, createBrand, createErrorCode, getErrorCodesByBrandId, updateErrorCode, deleteErrorCode, deleteBrand } from '../../../api/master-brand';
+import {
+    getBrandById,
+    createBrand,
+    createErrorCode,
+    getErrorCodesByBrandId,
+    updateErrorCode,
+    deleteErrorCode,
+    deleteBrand,
+} from '../../../api/master-brand';
 import BrandForm from './component/BrandForm';
 import ErrorCodeForm from './component/ErrorCodeForm';
 import SolutionForm from './component/SolutionForm';
@@ -42,7 +47,9 @@ const AddBrandDevice = () => {
     const [selectedSparepartIds, setSelectedSparepartIds] = useState([]);
     const [loading, setLoading] = useState(false);
     const tab = searchParams.get('tab');
-    const [currentStep, setCurrentStep] = useState(tab === 'error-codes' ? 1 : (location.state?.phase || 0));
+    const [currentStep, setCurrentStep] = useState(
+        tab === 'error-codes' ? 1 : location.state?.phase || 0
+    );
     const [editingErrorCodeKey, setEditingErrorCodeKey] = useState(null);
     const [isErrorCodeFormReadOnly, setIsErrorCodeFormReadOnly] = useState(false);
     const [searchText, setSearchText] = useState('');
@@ -68,7 +75,7 @@ const AddBrandDevice = () => {
             const values = solutionForm.getFieldsValue(true);
             const solutions = [];
 
-            solutionFields.forEach(fieldKey => {
+            solutionFields.forEach((fieldKey) => {
                 let solution = null;
 
                 if (values.solution_items && values.solution_items[fieldKey]) {
@@ -85,9 +92,16 @@ const AddBrandDevice = () => {
                 if (solutionType === 'text') {
                     isValid = solution.text && solution.text.trim() !== '';
                 } else if (solutionType === 'file') {
-                    const hasPathSolution = solution.path_solution && solution.path_solution.trim() !== '';
-                    const hasFileUpload = (solution.fileUpload && typeof solution.fileUpload === 'object' && Object.keys(solution.fileUpload).length > 0);
-                    const hasFile = (solution.file && typeof solution.file === 'object' && Object.keys(solution.file).length > 0);
+                    const hasPathSolution =
+                        solution.path_solution && solution.path_solution.trim() !== '';
+                    const hasFileUpload =
+                        solution.fileUpload &&
+                        typeof solution.fileUpload === 'object' &&
+                        Object.keys(solution.fileUpload).length > 0;
+                    const hasFile =
+                        solution.file &&
+                        typeof solution.file === 'object' &&
+                        Object.keys(solution.file).length > 0;
                     isValid = hasPathSolution || hasFileUpload || hasFile;
                 }
 
@@ -118,9 +132,9 @@ const AddBrandDevice = () => {
                             text: '',
                             status: true,
                             file: null,
-                            fileUpload: null
-                        }
-                    }
+                            fileUpload: null,
+                        },
+                    },
                 });
             }, 100);
         }
@@ -128,7 +142,6 @@ const AddBrandDevice = () => {
     };
 
     const setSolutionsForExistingRecord = (solutions, targetForm) => {
-
         if (!targetForm || !solutions || solutions.length === 0) {
             return;
         }
@@ -153,11 +166,14 @@ const AddBrandDevice = () => {
                 fileObject = {
                     uploadPath: solution.path_solution || solution.path_document,
                     path_solution: solution.path_solution || solution.path_document,
-                    name: solution.file_upload_name || (solution.path_solution || solution.path_document).split('/').pop() || 'File',
+                    name:
+                        solution.file_upload_name ||
+                        (solution.path_solution || solution.path_document).split('/').pop() ||
+                        'File',
                     type_solution: solution.type_solution,
                     isExisting: true,
                     size: 0,
-                    url: solution.path_solution || solution.path_document
+                    url: solution.path_solution || solution.path_document,
                 };
             }
 
@@ -170,7 +186,7 @@ const AddBrandDevice = () => {
                 file: fileObject,
                 fileUpload: fileObject,
                 path_solution: solution.path_solution || solution.path_document || null,
-                fileName: solution.file_upload_name || null
+                fileName: solution.file_upload_name || null,
             };
         });
 
@@ -180,28 +196,35 @@ const AddBrandDevice = () => {
 
         setSolutionStatuses(newSolutionStatuses);
 
-
         targetForm.resetFields();
 
         setTimeout(() => {
             targetForm.setFieldsValue({
-                solution_items: solutionItems
+                solution_items: solutionItems,
             });
 
             setTimeout(() => {
-                Object.keys(solutionItems).forEach(key => {
+                Object.keys(solutionItems).forEach((key) => {
                     const solution = solutionItems[key];
                     targetForm.setFieldValue(['solution_items', key, 'name'], solution.name);
                     targetForm.setFieldValue(['solution_items', key, 'type'], solution.type);
                     targetForm.setFieldValue(['solution_items', key, 'text'], solution.text);
                     targetForm.setFieldValue(['solution_items', key, 'file'], solution.file);
-                    targetForm.setFieldValue(['solution_items', key, 'fileUpload'], solution.fileUpload);
+                    targetForm.setFieldValue(
+                        ['solution_items', key, 'fileUpload'],
+                        solution.fileUpload
+                    );
                     targetForm.setFieldValue(['solution_items', key, 'status'], solution.status);
-                    targetForm.setFieldValue(['solution_items', key, 'path_solution'], solution.path_solution);
-                    targetForm.setFieldValue(['solution_items', key, 'fileName'], solution.fileName);
+                    targetForm.setFieldValue(
+                        ['solution_items', key, 'path_solution'],
+                        solution.path_solution
+                    );
+                    targetForm.setFieldValue(
+                        ['solution_items', key, 'fileName'],
+                        solution.fileName
+                    );
                 });
 
-
                 const finalValues = targetForm.getFieldsValue();
             }, 100);
         }, 100);
@@ -209,14 +232,14 @@ const AddBrandDevice = () => {
 
     const handleAddSolutionField = () => {
         const newKey = Math.max(...solutionFields, 0) + 1;
-        setSolutionFields(prev => [...prev, newKey]);
-        setSolutionTypes(prev => ({ ...prev, [newKey]: 'text' }));
-        setSolutionStatuses(prev => ({ ...prev, [newKey]: true }));
+        setSolutionFields((prev) => [...prev, newKey]);
+        setSolutionTypes((prev) => ({ ...prev, [newKey]: 'text' }));
+        setSolutionStatuses((prev) => ({ ...prev, [newKey]: true }));
     };
 
     const handleRemoveSolutionField = (fieldKey) => {
         if (solutionFields.length > 1) {
-            setSolutionFields(prev => prev.filter(key => key !== fieldKey));
+            setSolutionFields((prev) => prev.filter((key) => key !== fieldKey));
             const newTypes = { ...solutionTypes };
             const newStatuses = { ...solutionStatuses };
             delete newTypes[fieldKey];
@@ -233,7 +256,7 @@ const AddBrandDevice = () => {
     };
 
     const handleSolutionTypeChange = (fieldKey, type) => {
-        setSolutionTypes(prev => ({ ...prev, [fieldKey]: type }));
+        setSolutionTypes((prev) => ({ ...prev, [fieldKey]: type }));
 
         if (type === 'file') {
             solutionForm.setFieldValue(['solution_items', fieldKey, 'text'], '');
@@ -246,7 +269,7 @@ const AddBrandDevice = () => {
     };
 
     const handleSolutionStatusChange = (fieldKey, status) => {
-        setSolutionStatuses(prev => ({ ...prev, [fieldKey]: status }));
+        setSolutionStatuses((prev) => ({ ...prev, [fieldKey]: status }));
     };
 
     const handleNextStep = async () => {
@@ -259,7 +282,7 @@ const AddBrandDevice = () => {
                 brand_type: brandValues.brand_type || '',
                 brand_manufacture: brandValues.brand_manufacture || '',
                 brand_model: brandValues.brand_model || '',
-                is_active: brandValues.is_active !== undefined ? brandValues.is_active : true
+                is_active: brandValues.is_active !== undefined ? brandValues.is_active : true,
             };
 
             const response = await createBrand(brandApiData);
@@ -268,7 +291,7 @@ const AddBrandDevice = () => {
                 const newBrandInfo = {
                     ...brandValues,
                     brand_id: response.data.brand_id,
-                    brand_code: response.data.brand_code
+                    brand_code: response.data.brand_code,
                 };
                 setBrandInfo(newBrandInfo);
                 setTemporaryBrandId(response.data.brand_id);
@@ -307,8 +330,7 @@ const AddBrandDevice = () => {
         if (isTemporaryBrand && temporaryBrandId) {
             try {
                 await deleteBrand(temporaryBrandId);
-            } catch (error) {
-            }
+            } catch (error) {}
         }
         navigate('/master/brand-device');
     };
@@ -360,8 +382,6 @@ const AddBrandDevice = () => {
         setTrigerFilter((prev) => !prev);
     };
 
-
-
     const resetErrorCodeForm = () => {
         errorCodeForm.resetFields();
         errorCodeForm.setFieldsValue({
@@ -391,16 +411,16 @@ const AddBrandDevice = () => {
                 return;
             }
 
-            if (!solutionData || solutionData.length === 0) {
-                NotifAlert({
-                    icon: 'warning',
-                    title: 'Perhatian',
-                    message: 'Setiap error code harus memiliki minimal 1 solution!',
-                });
-                return;
-            }
+            // if (!solutionData || solutionData.length === 0) {
+            //     NotifAlert({
+            //         icon: 'warning',
+            //         title: 'Perhatian',
+            //         message: 'Setiap error code harus memiliki minimal 1 solution!',
+            //     });
+            //     return;
+            // }
 
-            const formattedSolutions = solutionData.map(solution => {
+            const formattedSolutions = solutionData.map((solution) => {
                 const solutionType = solution.type || 'text';
 
                 let typeSolution = solutionType === 'text' ? 'text' : 'image';
@@ -422,7 +442,11 @@ const AddBrandDevice = () => {
                 } else {
                     formattedSolution.text_solution = '';
 
-                    formattedSolution.path_solution = solution.path_solution || solution.file?.uploadPath || solution.fileUpload?.uploadPath || '';
+                    formattedSolution.path_solution =
+                        solution.path_solution ||
+                        solution.file?.uploadPath ||
+                        solution.fileUpload?.uploadPath ||
+                        '';
                 }
 
                 if (formattedSolution.brand_code_solution_id) {
@@ -440,7 +464,7 @@ const AddBrandDevice = () => {
                 path_icon: errorCodeIcon?.uploadPath || '',
                 is_active: errorCodeValues.status === undefined ? true : errorCodeValues.status,
                 solution: formattedSolutions,
-                spareparts: selectedSparepartIds || []
+                spareparts: selectedSparepartIds || [],
             };
 
             let response;
@@ -456,11 +480,13 @@ const AddBrandDevice = () => {
                 NotifOk({
                     icon: 'success',
                     title: 'Berhasil',
-                    message: editingErrorCodeKey ? 'Error code berhasil diupdate!' : 'Error code berhasil ditambahkan!',
+                    message: editingErrorCodeKey
+                        ? 'Error code berhasil diupdate!'
+                        : 'Error code berhasil ditambahkan!',
                 });
 
                 resetErrorCodeForm();
-                setTrigerFilter(prev => !prev);
+                setTrigerFilter((prev) => !prev);
             } else {
                 NotifAlert({
                     icon: 'error',
@@ -479,12 +505,10 @@ const AddBrandDevice = () => {
         }
     };
 
-
     const handleErrorCodeIconRemove = () => {
         setErrorCodeIcon(null);
     };
 
-
     const handleFinish = async () => {
         setConfirmLoading(true);
         try {
@@ -506,10 +530,10 @@ const AddBrandDevice = () => {
                     const response = await getErrorCodesByBrandId(brandInfo.brand_id, queryParams);
 
                     if (response && response.statusCode === 200 && response.data) {
-                        const freshErrorCodes = response.data.map(ec => ({
+                        const freshErrorCodes = response.data.map((ec) => ({
                             ...ec,
                             tempId: `existing_${ec.error_code_id}`,
-                            status: 'existing'
+                            status: 'existing',
                         }));
                         setApiErrorCodes(freshErrorCodes);
 
@@ -517,7 +541,8 @@ const AddBrandDevice = () => {
                             NotifAlert({
                                 icon: 'warning',
                                 title: 'Perhatian',
-                                message: 'Harap tambahkan minimal 1 error code sebelum menyelesaikan.',
+                                message:
+                                    'Harap tambahkan minimal 1 error code sebelum menyelesaikan.',
                             });
                             return;
                         }
@@ -526,7 +551,8 @@ const AddBrandDevice = () => {
                             NotifAlert({
                                 icon: 'warning',
                                 title: 'Perhatian',
-                                message: 'Harap tambahkan minimal 1 error code sebelum menyelesaikan.',
+                                message:
+                                    'Harap tambahkan minimal 1 error code sebelum menyelesaikan.',
                             });
                             return;
                         }
@@ -591,11 +617,7 @@ const AddBrandDevice = () => {
                             <Spin size="large" />
                         </div>
                     )}
-                    <BrandForm
-                        form={brandForm}
-                        isEdit={false}
-                        brandInfo={brandInfo}
-                    />
+                    <BrandForm form={brandForm} isEdit={false} brandInfo={brandInfo} />
                 </div>
             );
         }
@@ -635,31 +657,39 @@ const AddBrandDevice = () => {
                     </Col>
 
                     <Col xs={24} md={16} lg={16}>
-                        <div style={{
-                            paddingLeft: '12px'
-                        }}>
+                        <div
+                            style={{
+                                paddingLeft: '12px',
+                            }}
+                        >
                             <Card
                                 title={
-                                    <div style={{
-                                        display: 'flex',
-                                        alignItems: 'center',
-                                        justifyContent: 'space-between',
-                                        width: '100%'
-                                    }}>
-                                        <span style={{
-                                            fontSize: '16px',
-                                            fontWeight: '600',
-                                            color: '#262626',
+                                    <div
+                                        style={{
                                             display: 'flex',
                                             alignItems: 'center',
-                                            gap: '8px'
-                                        }}>
-                                            <span style={{
-                                                width: '4px',
-                                                height: '20px',
-                                                backgroundColor: '#23A55A',
-                                                borderRadius: '2px'
-                                            }}></span>
+                                            justifyContent: 'space-between',
+                                            width: '100%',
+                                        }}
+                                    >
+                                        <span
+                                            style={{
+                                                fontSize: '16px',
+                                                fontWeight: '600',
+                                                color: '#262626',
+                                                display: 'flex',
+                                                alignItems: 'center',
+                                                gap: '8px',
+                                            }}
+                                        >
+                                            <span
+                                                style={{
+                                                    width: '4px',
+                                                    height: '20px',
+                                                    backgroundColor: '#23A55A',
+                                                    borderRadius: '2px',
+                                                }}
+                                            ></span>
                                             Error Code Form
                                         </span>
                                         <Button
@@ -675,43 +705,51 @@ const AddBrandDevice = () => {
                                                 padding: '0 24px',
                                                 fontWeight: '500',
                                                 boxShadow: '0 2px 4px rgba(35, 165, 90, 0.2)',
-                                                transition: 'all 0.3s ease'
+                                                transition: 'all 0.3s ease',
                                             }}
                                             onMouseEnter={(e) => {
-                                                e.target.style.boxShadow = '0 4px 8px rgba(35, 165, 90, 0.3)';
+                                                e.target.style.boxShadow =
+                                                    '0 4px 8px rgba(35, 165, 90, 0.3)';
                                             }}
                                             onMouseLeave={(e) => {
-                                                e.target.style.boxShadow = '0 2px 4px rgba(35, 165, 90, 0.2)';
+                                                e.target.style.boxShadow =
+                                                    '0 2px 4px rgba(35, 165, 90, 0.2)';
                                             }}
                                         >
-                                            {editingErrorCodeKey ? 'Update Error Code' : 'Save Error Code'}
+                                            {editingErrorCodeKey
+                                                ? 'Update Error Code'
+                                                : 'Save Error Code'}
                                         </Button>
                                     </div>
                                 }
                                 style={{
                                     width: '100%',
                                     boxShadow: '0 2px 8px rgba(0,0,0,0.06)',
-                                    borderRadius: '12px'
+                                    borderRadius: '12px',
                                 }}
                                 styles={{
                                     body: { padding: '16px 24px 12px 24px' },
                                     header: {
                                         padding: '16px 24px',
                                         borderBottom: '1px solid #f0f0f0',
-                                        backgroundColor: '#fafafa'
-                                    }
+                                        backgroundColor: '#fafafa',
+                                    },
                                 }}
                             >
-                                <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>
-                                    <div style={{
-                                        padding: '16px',
-                                        border: '1px solid #f0f0f0',
-                                        borderRadius: '10px',
-                                        backgroundColor: '#ffffff',
-                                        marginBottom: '0',
-                                        transition: 'all 0.3s ease',
-                                        boxShadow: '0 1px 3px rgba(0,0,0,0.04)'
-                                    }}>
+                                <div
+                                    style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}
+                                >
+                                    <div
+                                        style={{
+                                            padding: '16px',
+                                            border: '1px solid #f0f0f0',
+                                            borderRadius: '10px',
+                                            backgroundColor: '#ffffff',
+                                            marginBottom: '0',
+                                            transition: 'all 0.3s ease',
+                                            boxShadow: '0 1px 3px rgba(0,0,0,0.04)',
+                                        }}
+                                    >
                                         <ErrorCodeForm
                                             errorCodeForm={errorCodeForm}
                                             isErrorCodeFormReadOnly={isErrorCodeFormReadOnly}
@@ -724,29 +762,42 @@ const AddBrandDevice = () => {
 
                                     <Row gutter={[20, 0]} style={{ marginTop: '0' }}>
                                         <Col xs={24} md={12} lg={12}>
-                                            <div style={{
-                                                padding: '16px',
-                                                border: '1px solid #f0f0f0',
-                                                borderRadius: '10px',
-                                                backgroundColor: '#ffffff',
-                                                transition: 'all 0.3s ease',
-                                                boxShadow: '0 1px 3px rgba(0,0,0,0.04)'
-                                            }}>
-                                                <div style={{
-                                                    display: 'flex',
-                                                    alignItems: 'center',
-                                                    gap: '8px',
-                                                    marginBottom: '12px',
-                                                    paddingBottom: '8px',
-                                                    borderBottom: '1px solid #f5f5f5'
-                                                }}>
-                                                    <div style={{
-                                                        width: '3px',
-                                                        height: '16px',
-                                                        backgroundColor: '#1890ff',
-                                                        borderRadius: '2px'
-                                                    }}></div>
-                                                    <h4 style={{ margin: 0, color: '#262626', fontSize: '14px', fontWeight: '600' }}>
+                                            <div
+                                                style={{
+                                                    padding: '16px',
+                                                    border: '1px solid #f0f0f0',
+                                                    borderRadius: '10px',
+                                                    backgroundColor: '#ffffff',
+                                                    transition: 'all 0.3s ease',
+                                                    boxShadow: '0 1px 3px rgba(0,0,0,0.04)',
+                                                }}
+                                            >
+                                                <div
+                                                    style={{
+                                                        display: 'flex',
+                                                        alignItems: 'center',
+                                                        gap: '8px',
+                                                        marginBottom: '12px',
+                                                        paddingBottom: '8px',
+                                                        borderBottom: '1px solid #f5f5f5',
+                                                    }}
+                                                >
+                                                    <div
+                                                        style={{
+                                                            width: '3px',
+                                                            height: '16px',
+                                                            backgroundColor: '#1890ff',
+                                                            borderRadius: '2px',
+                                                        }}
+                                                    ></div>
+                                                    <h4
+                                                        style={{
+                                                            margin: 0,
+                                                            color: '#262626',
+                                                            fontSize: '14px',
+                                                            fontWeight: '600',
+                                                        }}
+                                                    >
                                                         Solution
                                                     </h4>
                                                 </div>
@@ -756,14 +807,23 @@ const AddBrandDevice = () => {
                                                     solutionTypes={solutionTypes}
                                                     solutionStatuses={solutionStatuses}
                                                     onAddSolutionField={handleAddSolutionField}
-                                                    onRemoveSolutionField={handleRemoveSolutionField}
+                                                    onRemoveSolutionField={
+                                                        handleRemoveSolutionField
+                                                    }
                                                     onSolutionTypeChange={handleSolutionTypeChange}
-                                                    onSolutionStatusChange={handleSolutionStatusChange}
-                                                    onSolutionFileUpload={(fileData) => {
-                                                    }}
+                                                    onSolutionStatusChange={
+                                                        handleSolutionStatusChange
+                                                    }
+                                                    onSolutionFileUpload={(fileData) => {}}
                                                     onFileView={(fileData) => {
-                                                        if (fileData && (fileData.url || fileData.uploadPath)) {
-                                                            window.open(fileData.url || fileData.uploadPath, '_blank');
+                                                        if (
+                                                            fileData &&
+                                                            (fileData.url || fileData.uploadPath)
+                                                        ) {
+                                                            window.open(
+                                                                fileData.url || fileData.uploadPath,
+                                                                '_blank'
+                                                            );
                                                         }
                                                     }}
                                                     isReadOnly={false}
@@ -772,40 +832,55 @@ const AddBrandDevice = () => {
                                             </div>
                                         </Col>
                                         <Col xs={24} md={12} lg={12}>
-                                            <div style={{
-                                                padding: '16px',
-                                                border: '1px solid #f0f0f0',
-                                                borderRadius: '10px',
-                                                backgroundColor: '#ffffff',
-                                                transition: 'all 0.3s ease',
-                                                boxShadow: '0 1px 3px rgba(0,0,0,0.04)'
-                                            }}>
-                                                <div style={{
-                                                    display: 'flex',
-                                                    alignItems: 'center',
-                                                    gap: '8px',
-                                                    marginBottom: '12px',
-                                                    paddingBottom: '8px',
-                                                    borderBottom: '1px solid #f5f5f5'
-                                                }}>
-                                                    <div style={{
-                                                        width: '3px',
-                                                        height: '16px',
-                                                        backgroundColor: '#faad14',
-                                                        borderRadius: '2px'
-                                                    }}></div>
-                                                    <h4 style={{ margin: 0, color: '#262626', fontSize: '14px', fontWeight: '600' }}>
+                                            <div
+                                                style={{
+                                                    padding: '16px',
+                                                    border: '1px solid #f0f0f0',
+                                                    borderRadius: '10px',
+                                                    backgroundColor: '#ffffff',
+                                                    transition: 'all 0.3s ease',
+                                                    boxShadow: '0 1px 3px rgba(0,0,0,0.04)',
+                                                }}
+                                            >
+                                                <div
+                                                    style={{
+                                                        display: 'flex',
+                                                        alignItems: 'center',
+                                                        gap: '8px',
+                                                        marginBottom: '12px',
+                                                        paddingBottom: '8px',
+                                                        borderBottom: '1px solid #f5f5f5',
+                                                    }}
+                                                >
+                                                    <div
+                                                        style={{
+                                                            width: '3px',
+                                                            height: '16px',
+                                                            backgroundColor: '#faad14',
+                                                            borderRadius: '2px',
+                                                        }}
+                                                    ></div>
+                                                    <h4
+                                                        style={{
+                                                            margin: 0,
+                                                            color: '#262626',
+                                                            fontSize: '14px',
+                                                            fontWeight: '600',
+                                                        }}
+                                                    >
                                                         Sparepart Selection
                                                     </h4>
                                                 </div>
-                                                <div style={{
-                                                    maxHeight: '45vh',
-                                                    overflow: 'auto',
-                                                    border: '1px solid #e8e8e8',
-                                                    borderRadius: '8px',
-                                                    padding: '12px',
-                                                    backgroundColor: '#fafafa'
-                                                }}>
+                                                <div
+                                                    style={{
+                                                        maxHeight: '45vh',
+                                                        overflow: 'auto',
+                                                        border: '1px solid #e8e8e8',
+                                                        borderRadius: '8px',
+                                                        padding: '12px',
+                                                        backgroundColor: '#fafafa',
+                                                    }}
+                                                >
                                                     <SparepartSelect
                                                         selectedSparepartIds={selectedSparepartIds}
                                                         onSparepartChange={setSelectedSparepartIds}
@@ -816,15 +891,16 @@ const AddBrandDevice = () => {
                                         </Col>
                                     </Row>
 
-                                    <div style={{
-                                        display: 'flex',
-                                        justifyContent: 'space-between',
-                                        alignItems: 'center',
-                                        padding: '16px 0 0 0',
-                                        borderTop: '1px solid #f0f0f0',
-                                        marginTop: '12px'
-                                    }}>
-
+                                    <div
+                                        style={{
+                                            display: 'flex',
+                                            justifyContent: 'space-between',
+                                            alignItems: 'center',
+                                            padding: '16px 0 0 0',
+                                            borderTop: '1px solid #f0f0f0',
+                                            marginTop: '12px',
+                                        }}
+                                    >
                                         {editingErrorCodeKey && (
                                             <Button
                                                 size="large"
@@ -837,7 +913,7 @@ const AddBrandDevice = () => {
                                                     height: '40px',
                                                     padding: '0 24px',
                                                     fontWeight: '500',
-                                                    transition: 'all 0.3s ease'
+                                                    transition: 'all 0.3s ease',
                                                 }}
                                                 onMouseEnter={(e) => {
                                                     e.target.style.borderColor = '#ff4d4f';
@@ -871,7 +947,7 @@ const AddBrandDevice = () => {
 
         setBreadcrumbItems([
             {
-                title: <span style={{ fontSize: '14px', fontWeight: 'bold' }}>• Master</span>
+                title: <span style={{ fontSize: '14px', fontWeight: 'bold' }}>• Master</span>,
             },
             {
                 title: (
@@ -895,12 +971,11 @@ const AddBrandDevice = () => {
         if (location.state?.fromFileViewer && location.state.phase !== undefined) {
             setCurrentStep(location.state.phase);
         }
-
     }, [setBreadcrumbItems, navigate, searchParams, location.state]);
 
     useEffect(() => {
         if (brandInfo.brand_id && currentStep === 1) {
-            setTrigerFilter(prev => !prev);
+            setTrigerFilter((prev) => !prev);
         }
     }, [brandInfo.brand_id, currentStep]);
 
@@ -913,8 +988,7 @@ const AddBrandDevice = () => {
                         const errorCodes = response.data || [];
                         setApiErrorCodes(errorCodes);
                     }
-                } catch (error) {
-                }
+                } catch (error) {}
             }
         };
         fetchErrorCodes();
@@ -925,8 +999,7 @@ const AddBrandDevice = () => {
             if (isTemporaryBrand && temporaryBrandId && currentStep === 0) {
                 try {
                     await deleteBrand(temporaryBrandId);
-                } catch (error) {
-                }
+                } catch (error) {}
             }
         };
 
@@ -937,7 +1010,6 @@ const AddBrandDevice = () => {
         };
     }, [isTemporaryBrand, temporaryBrandId, currentStep]);
 
-
     return (
         <ConfigProvider
             theme={{
@@ -988,14 +1060,9 @@ const AddBrandDevice = () => {
                 <Divider />
                 <div style={{ display: 'flex', justifyContent: 'space-between' }}>
                     <div>
-                        <Button onClick={handleCancel}>
-                            Cancel
-                        </Button>
+                        <Button onClick={handleCancel}>Cancel</Button>
                         {currentStep === 1 && (
-                            <Button
-                                onClick={handlePrevStep}
-                                style={{ marginLeft: 8 }}
-                            >
+                            <Button onClick={handlePrevStep} style={{ marginLeft: 8 }}>
                                 Kembali ke Brand Info
                             </Button>
                         )}
@@ -1034,4 +1101,4 @@ const AddBrandDevice = () => {
     );
 };
 
-export default AddBrandDevice;
\ No newline at end of file
+export default AddBrandDevice;
diff --git a/src/pages/master/brandDevice/EditBrandDevice.jsx b/src/pages/master/brandDevice/EditBrandDevice.jsx
index 5aa8213..d0eed90 100644
--- a/src/pages/master/brandDevice/EditBrandDevice.jsx
+++ b/src/pages/master/brandDevice/EditBrandDevice.jsx
@@ -479,14 +479,14 @@ const EditBrandDevice = () => {
                 return;
             }
 
-            if (!solutionData || solutionData.length === 0) {
-                NotifAlert({
-                    icon: 'warning',
-                    title: 'Perhatian',
-                    message: 'Setiap error code harus memiliki minimal 1 solution!',
-                });
-                return;
-            }
+            // if (!solutionData || solutionData.length === 0) {
+            //     NotifAlert({
+            //         icon: 'warning',
+            //         title: 'Perhatian',
+            //         message: 'Setiap error code harus memiliki minimal 1 solution!',
+            //     });
+            //     return;
+            // }
 
             const formattedSolutions = solutionData.map(solution => {
                 const solutionType = solution.type || 'text';
diff --git a/src/pages/notification/component/ListNotification.jsx b/src/pages/notification/component/ListNotification.jsx
index 5ab0f87..e6b3036 100644
--- a/src/pages/notification/component/ListNotification.jsx
+++ b/src/pages/notification/component/ListNotification.jsx
@@ -384,7 +384,7 @@ const ListNotification = memo(function ListNotification(props) {
                                                         <Text strong>{notification.title}</Text>
                                                         <div style={{ marginTop: '4px' }}>
                                                             <Text style={{ color }}>
-                                                                {notification.issue}
+                                                                Error Code {notification.issue}
                                                             </Text>
                                                         </div>
                                                     </div>
@@ -697,8 +697,8 @@ const ListNotification = memo(function ListNotification(props) {
                                 {/* Kolom Kanan: Card */}
                                 <Col flex="auto">
                                     <Card size="small" style={{ borderColor: '#91d5ff' }}>
-                                        <Row gutter={[16, 8]} align="middle">
-                                            <Col xs={24} md={12}>
+                                        <Row gutter={[16, 8]} align="top">
+                                            <Col xs={24} md={10}>
                                                 <Space direction="vertical" size={4}>
                                                     <Space>
                                                         <ClockCircleOutlined />
@@ -709,13 +709,16 @@ const ListNotification = memo(function ListNotification(props) {
                                                             Added at {log.timestamp}
                                                         </Text>
                                                     </Space>
+
                                                     <div>
                                                         <Text strong>
-                                                            Added by: {log.addedBy.name}
+                                                            {log.addedBy.name}
                                                         </Text>
+                                                    </div>
+
+                                                    <div>
                                                         <span
                                                             style={{
-                                                                marginLeft: '8px',
                                                                 border: '1px solid #52c41a',
                                                                 color: '#52c41a',
                                                                 padding: '2px 6px',
@@ -728,7 +731,8 @@ const ListNotification = memo(function ListNotification(props) {
                                                     </div>
                                                 </Space>
                                             </Col>
-                                            <Col xs={24} md={12}>
+                                            <Col xs={24} md={14}>
+                                                <Text strong>Description:</Text>
                                                 <Paragraph
                                                     style={{
                                                         color: '#595959',
diff --git a/src/pages/notificationDetail/IndexNotificationDetail.jsx b/src/pages/notificationDetail/IndexNotificationDetail.jsx
index e92bfd6..86dad89 100644
--- a/src/pages/notificationDetail/IndexNotificationDetail.jsx
+++ b/src/pages/notificationDetail/IndexNotificationDetail.jsx
@@ -394,7 +394,7 @@ const NotificationDetailTab = (props) => {
                                                 <Text>{notification.title}</Text>
                                                 <div style={{ marginTop: '2px' }}>
                                                     <Text strong style={{ fontSize: '16px' }}>
-                                                        {notification.issue}
+                                                        Error Code {notification.issue}
                                                     </Text>
                                                 </div>
                                             </Col>
@@ -542,393 +542,407 @@ const NotificationDetailTab = (props) => {
                             </Col>
                         </Row>
 
-                        <Row gutter={[8, 8]} style={{ marginBottom: 'px' }}>
+                        <Row gutter={[8, 8]}>
                             <Col xs={24} md={8}>
-                                <Card
-                                    hoverable
-                                    bodyStyle={{ padding: '12px', textAlign: 'center' }}
-                                >
-                                    <Space>
-                                        <BookOutlined
-                                            style={{ fontSize: '16px', color: '#1890ff' }}
-                                        />
-                                        <Text strong style={{ fontSize: '16px', color: '#262626' }}>
-                                            Handling Guideline
-                                        </Text>
-                                    </Space>
-                                </Card>
-                            </Col>
-                            <Col xs={24} md={8}>
-                                <Card
-                                    hoverable
-                                    bodyStyle={{ padding: '12px', textAlign: 'center' }}
-                                >
-                                    <Space>
-                                        <ToolOutlined
-                                            style={{ fontSize: '16px', color: '#1890ff' }}
-                                        />
-                                        <Text strong style={{ fontSize: '16px', color: '#262626' }}>
-                                            Spare Part
-                                        </Text>
-                                    </Space>
-                                </Card>
-                            </Col>
-                            <Col xs={24} md={8}>
-                                <Card bodyStyle={{ padding: '12px', textAlign: 'center' }}>
-                                    <Space>
-                                        <HistoryOutlined
-                                            style={{ fontSize: '16px', color: '#1890ff' }}
-                                        />
-                                        <Text strong style={{ fontSize: '16px', color: '#262626' }}>
-                                            Log Activity
-                                        </Text>
-                                    </Space>
-                                </Card>
-                            </Col>
-                        </Row>
-
-                        <Row gutter={[8, 8]} style={{ marginTop: '-12px' }}>
-                            <Col xs={24} md={8}>
-                                <Card
-                                    size="small"
-                                    title="Guideline Documents"
-                                    style={{ height: '100%' }}
-                                >
-                                    <Space
-                                        direction="vertical"
-                                        size="small"
-                                        style={{ width: '100%' }}
+                                <div>
+                                    <Card
+                                        hoverable
+                                        bodyStyle={{ padding: '12px'}}
                                     >
-                                        {notification.error_code?.solution &&
-                                        notification.error_code.solution.length > 0 ? (
-                                            <>
-                                                {notification.error_code.solution
-                                                    .filter((sol) => sol.is_active) // Hanya tampilkan solusi yang aktif
-                                                    .map((sol, index) => (
-                                                        <div
-                                                            key={
-                                                                sol.brand_code_solution_id || index
-                                                            }
-                                                        >
-                                                            {sol.path_document ? (
-                                                                <Card
-                                                                    size="small"
-                                                                    bodyStyle={{
-                                                                        padding: '8px 12px',
-                                                                        marginBottom: '4px',
-                                                                    }}
-                                                                    hoverable
-                                                                    extra={
-                                                                        <Text
-                                                                            type="secondary"
-                                                                            style={{
-                                                                                fontSize: '10px',
-                                                                            }}
-                                                                        >
-                                                                            PDF
-                                                                        </Text>
-                                                                    }
-                                                                >
-                                                                    <div
-                                                                        style={{
-                                                                            display: 'flex',
-                                                                            justifyContent:
-                                                                                'space-between',
-                                                                            alignItems: 'center',
+                                        <Space>
+                                            <BookOutlined
+                                                style={{ fontSize: '16px', color: '#1890ff' }}
+                                            />
+                                            <Text
+                                                strong
+                                                style={{ fontSize: '16px', color: '#262626' }}
+                                            >
+                                                Handling Guideline
+                                            </Text>
+                                        </Space>
+
+                                        <Space
+                                            direction="vertical"
+                                            size="small"
+                                            style={{ width: '100%' }}
+                                        >
+                                            {notification.error_code?.solution &&
+                                            notification.error_code.solution.length > 0 ? (
+                                                <>
+                                                    {notification.error_code.solution
+                                                        .filter((sol) => sol.is_active) // Hanya tampilkan solusi yang aktif
+                                                        .map((sol, index) => (
+                                                            <div
+                                                                key={
+                                                                    sol.brand_code_solution_id ||
+                                                                    index
+                                                                }
+                                                            >
+                                                                {sol.path_document ? (
+                                                                    <Card
+                                                                        size="small"
+                                                                        bodyStyle={{
+                                                                            padding: '8px 12px',
+                                                                            marginBottom: '4px',
                                                                         }}
-                                                                    >
-                                                                        <div>
+                                                                        hoverable
+                                                                        extra={
                                                                             <Text
+                                                                                type="secondary"
                                                                                 style={{
                                                                                     fontSize:
-                                                                                        '12px',
-                                                                                    color: '#262626',
+                                                                                        '10px',
                                                                                 }}
                                                                             >
-                                                                                <FilePdfOutlined
-                                                                                    style={{
-                                                                                        marginRight:
-                                                                                            '8px',
-                                                                                    }}
-                                                                                />{' '}
-                                                                                {sol.file_upload_name ||
-                                                                                    'Solution Document.pdf'}
+                                                                                PDF
                                                                             </Text>
-                                                                            <Link
-                                                                                href={sol.path_document.replace(
-                                                                                    '/detail-notification/pdf/',
-                                                                                    '/notification-detail/pdf/'
-                                                                                )}
-                                                                                target="_blank"
-                                                                                style={{
-                                                                                    fontSize:
-                                                                                        '12px',
-                                                                                    display:
-                                                                                        'block',
-                                                                                }}
-                                                                            >
-                                                                                lihat disini
-                                                                            </Link>
-                                                                        </div>
-                                                                    </div>
-                                                                </Card>
-                                                            ) : null}
-                                                            {sol.type_solution === 'text' &&
-                                                            sol.text_solution ? (
-                                                                <Card
-                                                                    size="small"
-                                                                    bodyStyle={{
-                                                                        padding: '8px 12px',
-                                                                        marginBottom: '4px',
-                                                                    }}
-                                                                    extra={
-                                                                        <Text
-                                                                            type="secondary"
-                                                                            style={{
-                                                                                fontSize: '10px',
-                                                                            }}
-                                                                        >
-                                                                            {sol.type_solution.toUpperCase()}
-                                                                        </Text>
-                                                                    }
-                                                                >
-                                                                    <div>
-                                                                        <Text strong>
-                                                                            {sol.solution_name}:
-                                                                        </Text>
+                                                                        }
+                                                                    >
                                                                         <div
                                                                             style={{
-                                                                                marginTop: '4px',
+                                                                                display: 'flex',
+                                                                                justifyContent:
+                                                                                    'space-between',
+                                                                                alignItems:
+                                                                                    'center',
                                                                             }}
                                                                         >
-                                                                            {sol.text_solution}
+                                                                            <div>
+                                                                                <Text
+                                                                                    style={{
+                                                                                        fontSize:
+                                                                                            '12px',
+                                                                                        color: '#262626',
+                                                                                    }}
+                                                                                >
+                                                                                    <FilePdfOutlined
+                                                                                        style={{
+                                                                                            marginRight:
+                                                                                                '8px',
+                                                                                        }}
+                                                                                    />{' '}
+                                                                                    {sol.file_upload_name ||
+                                                                                        'Solution Document.pdf'}
+                                                                                </Text>
+                                                                                <Link
+                                                                                    href={sol.path_document.replace(
+                                                                                        '/detail-notification/pdf/',
+                                                                                        '/notification-detail/pdf/'
+                                                                                    )}
+                                                                                    target="_blank"
+                                                                                    style={{
+                                                                                        fontSize:
+                                                                                            '12px',
+                                                                                        display:
+                                                                                            'block',
+                                                                                    }}
+                                                                                >
+                                                                                    lihat disini
+                                                                                </Link>
+                                                                            </div>
                                                                         </div>
-                                                                    </div>
-                                                                </Card>
-                                                            ) : null}
-                                                        </div>
-                                                    ))}
-                                            </>
-                                        ) : (
-                                            <div
-                                                style={{
-                                                    textAlign: 'center',
-                                                    padding: '20px',
-                                                    color: '#8c8c8c',
-                                                }}
-                                            >
-                                                Tidak ada dokumen solusi tersedia
-                                            </div>
-                                        )}
-                                    </Space>
-                                </Card>
+                                                                    </Card>
+                                                                ) : null}
+                                                                {sol.type_solution === 'text' &&
+                                                                sol.text_solution ? (
+                                                                    <Card
+                                                                        size="small"
+                                                                        title={
+                                                                            <Text strong>
+                                                                                {sol.solution_name}:
+                                                                            </Text>
+                                                                        }
+                                                                        bodyStyle={{
+                                                                            padding: '8px 12px',
+                                                                            marginBottom: '4px',
+                                                                        }}
+                                                                        extra={
+                                                                            <Text
+                                                                                type="secondary"
+                                                                                style={{
+                                                                                    fontSize:
+                                                                                        '10px',
+                                                                                }}
+                                                                            >
+                                                                                {sol.type_solution.toUpperCase()}
+                                                                            </Text>
+                                                                        }
+                                                                    >
+                                                                        <div>
+                                                                            <div
+                                                                                style={{
+                                                                                    marginTop:
+                                                                                        '4px',
+                                                                                }}
+                                                                            >
+                                                                                {sol.text_solution}
+                                                                            </div>
+                                                                        </div>
+                                                                    </Card>
+                                                                ) : null}
+                                                            </div>
+                                                        ))}
+                                                </>
+                                            ) : (
+                                                <div
+                                                    style={{
+                                                        textAlign: 'center',
+                                                        padding: '20px',
+                                                        color: '#8c8c8c',
+                                                    }}
+                                                >
+                                                    Tidak ada dokumen solusi tersedia
+                                                </div>
+                                            )}
+                                        </Space>
+                                    </Card>
+                                </div>
                             </Col>
                             <Col xs={24} md={8}>
-                                <Card
-                                    size="small"
-                                    title="Required Spare Parts"
-                                    style={{ height: '100%' }}
-                                >
-                                    <Space
-                                        direction="vertical"
-                                        size="small"
-                                        style={{ width: '100%' }}
+                                <div>
+                                    <Card
+                                        hoverable
+                                        bodyStyle={{ padding: '12px'}}
                                     >
-                                        {notification.spareparts &&
-                                        notification.spareparts.length > 0 ? (
-                                            notification.spareparts.map((sparepart, index) => (
-                                                <Card
-                                                    size="small"
-                                                    key={index}
-                                                    bodyStyle={{ padding: '12px' }}
-                                                    hoverable
-                                                >
-                                                    <Row gutter={16} align="top">
-                                                        <Col
-                                                            span={7}
-                                                            style={{ textAlign: 'center' }}
-                                                        >
-                                                            <div
-                                                                style={{
-                                                                    width: '100%',
-                                                                    height: '60px',
-                                                                    backgroundColor: '#f0f0f0',
-                                                                    display: 'flex',
-                                                                    alignItems: 'center',
-                                                                    justifyContent: 'center',
-                                                                    borderRadius: '4px',
-                                                                    marginBottom: '8px',
-                                                                }}
+                                        <Space>
+                                            <ToolOutlined
+                                                style={{ fontSize: '16px', color: '#1890ff' }}
+                                            />
+                                            <Text
+                                                strong
+                                                style={{ fontSize: '16px', color: '#262626' }}
+                                            >
+                                                Spare Part
+                                            </Text>
+                                        </Space>
+
+                                        <Space
+                                            direction="vertical"
+                                            size="small"
+                                            style={{ width: '100%' }}
+                                        >
+                                            {notification.spareparts &&
+                                            notification.spareparts.length > 0 ? (
+                                                notification.spareparts.map((sparepart, index) => (
+                                                    <Card
+                                                        size="small"
+                                                        key={index}
+                                                        bodyStyle={{ padding: '12px' }}
+                                                        hoverable
+                                                    >
+                                                        <Row gutter={16} align="top">
+                                                            <Col
+                                                                span={7}
+                                                                style={{ textAlign: 'center' }}
                                                             >
-                                                                <ToolOutlined
-                                                                    style={{
-                                                                        fontSize: '24px',
-                                                                        color: '#bfbfbf',
-                                                                    }}
-                                                                />
-                                                            </div>
-                                                            <Text
-                                                                style={{
-                                                                    fontSize: '12px',
-                                                                    color:
-                                                                        sparepart.sparepart_stok ===
-                                                                            'Available' ||
-                                                                        sparepart.sparepart_stok ===
-                                                                            'available'
-                                                                            ? '#52c41a'
-                                                                            : '#ff4d4f',
-                                                                    fontWeight: 500,
-                                                                }}
-                                                            >
-                                                                {sparepart.sparepart_stok}
-                                                            </Text>
-                                                        </Col>
-                                                        <Col span={17}>
-                                                            <Space
-                                                                direction="vertical"
-                                                                size={4}
-                                                                style={{ width: '100%' }}
-                                                            >
-                                                                <Text strong>
-                                                                    {sparepart.sparepart_name}
-                                                                </Text>
-                                                                <Paragraph
-                                                                    style={{
-                                                                        fontSize: '12px',
-                                                                        margin: 0,
-                                                                        color: '#595959',
-                                                                    }}
-                                                                >
-                                                                    {sparepart.sparepart_description ||
-                                                                        'Deskripsi tidak tersedia'}
-                                                                </Paragraph>
                                                                 <div
                                                                     style={{
-                                                                        border: '1px solid #d9d9d9',
+                                                                        width: '100%',
+                                                                        height: '60px',
+                                                                        backgroundColor: '#f0f0f0',
+                                                                        display: 'flex',
+                                                                        alignItems: 'center',
+                                                                        justifyContent: 'center',
                                                                         borderRadius: '4px',
-                                                                        padding: '4px 8px',
-                                                                        fontSize: '11px',
-                                                                        color: '#8c8c8c',
-                                                                        marginTop: '8px',
+                                                                        marginBottom: '8px',
                                                                     }}
                                                                 >
-                                                                    Kode: {sparepart.sparepart_code}{' '}
-                                                                    | Qty: {sparepart.sparepart_qty}{' '}
-                                                                    | Unit:{' '}
-                                                                    {sparepart.sparepart_unit}
+                                                                    <ToolOutlined
+                                                                        style={{
+                                                                            fontSize: '24px',
+                                                                            color: '#bfbfbf',
+                                                                        }}
+                                                                    />
                                                                 </div>
-                                                            </Space>
-                                                        </Col>
-                                                    </Row>
-                                                </Card>
-                                            ))
-                                        ) : (
-                                            <div
-                                                style={{
-                                                    textAlign: 'center',
-                                                    padding: '20px',
-                                                    color: '#8c8c8c',
-                                                }}
-                                            >
-                                                Tidak ada spare parts terkait
-                                            </div>
-                                        )}
-                                    </Space>
-                                </Card>
+                                                                <Text
+                                                                    style={{
+                                                                        fontSize: '12px',
+                                                                        color:
+                                                                            sparepart.sparepart_stok ===
+                                                                                'Available' ||
+                                                                            sparepart.sparepart_stok ===
+                                                                                'available'
+                                                                                ? '#52c41a'
+                                                                                : '#ff4d4f',
+                                                                        fontWeight: 500,
+                                                                    }}
+                                                                >
+                                                                    {sparepart.sparepart_stok}
+                                                                </Text>
+                                                            </Col>
+                                                            <Col span={17}>
+                                                                <Space
+                                                                    direction="vertical"
+                                                                    size={4}
+                                                                    style={{ width: '100%' }}
+                                                                >
+                                                                    <Text strong>
+                                                                        {sparepart.sparepart_name}
+                                                                    </Text>
+                                                                    <Paragraph
+                                                                        style={{
+                                                                            fontSize: '12px',
+                                                                            margin: 0,
+                                                                            color: '#595959',
+                                                                        }}
+                                                                    >
+                                                                        {sparepart.sparepart_description ||
+                                                                            'Deskripsi tidak tersedia'}
+                                                                    </Paragraph>
+                                                                    <div
+                                                                        style={{
+                                                                            border: '1px solid #d9d9d9',
+                                                                            borderRadius: '4px',
+                                                                            padding: '4px 8px',
+                                                                            fontSize: '11px',
+                                                                            color: '#8c8c8c',
+                                                                            marginTop: '8px',
+                                                                        }}
+                                                                    >
+                                                                        Kode:{' '}
+                                                                        {sparepart.sparepart_code} |
+                                                                        Qty:{' '}
+                                                                        {sparepart.sparepart_qty} |
+                                                                        Unit:{' '}
+                                                                        {sparepart.sparepart_unit}
+                                                                    </div>
+                                                                </Space>
+                                                            </Col>
+                                                        </Row>
+                                                    </Card>
+                                                ))
+                                            ) : (
+                                                <div
+                                                    style={{
+                                                        textAlign: 'center',
+                                                        padding: '20px',
+                                                        color: '#8c8c8c',
+                                                    }}
+                                                >
+                                                    Tidak ada spare parts terkait
+                                                </div>
+                                            )}
+                                        </Space>
+                                    </Card>
+                                </div>
                             </Col>
                             <Col xs={24} md={8}>
-                                <Card size="small" style={{ height: '100%' }}>
-                                    <Space
-                                        direction="vertical"
-                                        size="small"
-                                        style={{ width: '100%' }}
-                                    >
-                                        <Card
-                                            size="small"
-                                            bodyStyle={{
-                                                padding: '8px 12px',
-                                                backgroundColor: isAddingLog ? '#fafafa' : '#fff',
-                                            }}
-                                        >
-                                            <Space
-                                                direction="vertical"
-                                                style={{ width: '100%' }}
-                                                size="small"
+                                <div>
+                                    <Card bodyStyle={{ padding: '12px'}}>
+                                        <Space>
+                                            <HistoryOutlined
+                                                style={{ fontSize: '16px', color: '#1890ff' }}
+                                            />
+                                            <Text
+                                                strong
+                                                style={{ fontSize: '16px', color: '#262626' }}
                                             >
-                                                {isAddingLog && (
-                                                    <>
-                                                        <Text strong style={{ fontSize: '12px' }}>
-                                                            Add New Log / Update Progress
-                                                        </Text>
-                                                        <Input.TextArea
-                                                            rows={2}
-                                                            placeholder="Tuliskan update penanganan di sini..."
-                                                            value={newLogDescription}
-                                                            onChange={(e) =>
-                                                                setNewLogDescription(e.target.value)
-                                                            }
-                                                            disabled={submitLoading}
-                                                        />
-                                                    </>
-                                                )}
-                                                <Button
-                                                    type={isAddingLog ? 'primary' : 'dashed'}
-                                                    size="small"
-                                                    block
-                                                    icon={
-                                                        submitLoading ? (
-                                                            <LoadingOutlined />
-                                                        ) : (
-                                                            !isAddingLog && <PlusOutlined />
-                                                        )
-                                                    }
-                                                    onClick={
-                                                        isAddingLog
-                                                            ? handleSubmitLog
-                                                            : () => setIsAddingLog(true)
-                                                    }
-                                                    loading={submitLoading}
-                                                    disabled={submitLoading}
-                                                >
-                                                    {isAddingLog ? 'Submit Log' : 'Add Log'}
-                                                </Button>
-                                                {isAddingLog && (
-                                                    <Button
-                                                        size="small"
-                                                        block
-                                                        onClick={() => {
-                                                            setIsAddingLog(false);
-                                                            setNewLogDescription('');
-                                                        }}
-                                                        disabled={submitLoading}
-                                                    >
-                                                        Cancel
-                                                    </Button>
-                                                )}
-                                            </Space>
-                                        </Card>
-                                        {logHistoryData.map((log) => (
+                                                Log Activity
+                                            </Text>
+                                        </Space>
+
+                                        <Space
+                                            direction="vertical"
+                                            size="small"
+                                            style={{ width: '100%' }}
+                                        >
                                             <Card
-                                                key={log.id}
                                                 size="small"
                                                 bodyStyle={{
                                                     padding: '8px 12px',
+                                                    backgroundColor: isAddingLog
+                                                        ? '#fafafa'
+                                                        : '#fff',
                                                 }}
                                             >
-                                                <Paragraph
-                                                    style={{ fontSize: '12px', margin: 0 }}
-                                                    ellipsis={{ rows: 2 }}
+                                                <Space
+                                                    direction="vertical"
+                                                    style={{ width: '100%' }}
+                                                    size="small"
                                                 >
-                                                    <Text strong>{log.addedBy.name}:</Text>{' '}
-                                                    {log.description}
-                                                </Paragraph>
-                                                <Text type="secondary" style={{ fontSize: '11px' }}>
-                                                    {log.timestamp}
-                                                </Text>
+                                                    {isAddingLog && (
+                                                        <>
+                                                            <Text
+                                                                strong
+                                                                style={{ fontSize: '12px' }}
+                                                            >
+                                                                Add New Log / Update Progress
+                                                            </Text>
+                                                            <Input.TextArea
+                                                                rows={2}
+                                                                placeholder="Tuliskan update penanganan di sini..."
+                                                                value={newLogDescription}
+                                                                onChange={(e) =>
+                                                                    setNewLogDescription(
+                                                                        e.target.value
+                                                                    )
+                                                                }
+                                                                disabled={submitLoading}
+                                                            />
+                                                        </>
+                                                    )}
+                                                    <Button
+                                                        type={isAddingLog ? 'primary' : 'dashed'}
+                                                        size="small"
+                                                        block
+                                                        icon={
+                                                            submitLoading ? (
+                                                                <LoadingOutlined />
+                                                            ) : (
+                                                                !isAddingLog && <PlusOutlined />
+                                                            )
+                                                        }
+                                                        onClick={
+                                                            isAddingLog
+                                                                ? handleSubmitLog
+                                                                : () => setIsAddingLog(true)
+                                                        }
+                                                        loading={submitLoading}
+                                                        disabled={submitLoading}
+                                                    >
+                                                        {isAddingLog ? 'Submit Log' : 'Add Log'}
+                                                    </Button>
+                                                    {isAddingLog && (
+                                                        <Button
+                                                            size="small"
+                                                            block
+                                                            onClick={() => {
+                                                                setIsAddingLog(false);
+                                                                setNewLogDescription('');
+                                                            }}
+                                                            disabled={submitLoading}
+                                                        >
+                                                            Cancel
+                                                        </Button>
+                                                    )}
+                                                </Space>
                                             </Card>
-                                        ))}
-                                    </Space>
-                                </Card>
+                                            {logHistoryData.map((log) => (
+                                                <Card
+                                                    key={log.id}
+                                                    size="small"
+                                                    bodyStyle={{
+                                                        padding: '8px 12px',
+                                                    }}
+                                                >
+                                                    <Paragraph
+                                                        style={{ fontSize: '12px', margin: 0 }}
+                                                        // ellipsis={{ rows: 2 }}
+                                                    >
+                                                        <Text strong>{log.addedBy.name}:</Text>{' '}
+                                                        {log.description}
+                                                    </Paragraph>
+                                                    <Text
+                                                        type="secondary"
+                                                        style={{ fontSize: '11px' }}
+                                                    >
+                                                        {log.timestamp}
+                                                    </Text>
+                                                </Card>
+                                            ))}
+                                        </Space>
+                                    </Card>
+                                </div>
                             </Col>
                         </Row>
                     </Space>