diff --git a/src/entities/settlement/ui/list-item.tsx b/src/entities/settlement/ui/list-item.tsx
index b1568f6..e7e934f 100644
--- a/src/entities/settlement/ui/list-item.tsx
+++ b/src/entities/settlement/ui/list-item.tsx
@@ -37,6 +37,18 @@ export const ListItem = ({
       }
     });
   };
+
+  const getDotClass = () => {
+    let rs = 'gray';
+    if(periodType === SettlementPeriodType.SETTLEMENT_DATE && settlementAmount){
+      if(settlementAmount > 0) rs = 'blue';
+    }
+    else if(periodType === SettlementPeriodType.TRANSACTION_DATE && transactionAmount){
+      if(transactionAmount > 0) rs = 'blue';
+    }
+    
+    return rs;
+  };
   
   return (
     <>
@@ -45,7 +57,7 @@ export const ListItem = ({
         onClick={ () => onClickToNavigate() }
       >
         <div className="transaction-status">
-          <div className={ `status-dot blue`}></div>
+          <div className={ `status-dot ${getDotClass()}`}></div>
         </div>
         <div className="transaction-content">
           { (periodType === SettlementPeriodType.SETTLEMENT_DATE) &&
diff --git a/src/entities/transaction/ui/list-item.tsx b/src/entities/transaction/ui/list-item.tsx
index 30de3cb..d0420b2 100644
--- a/src/entities/transaction/ui/list-item.tsx
+++ b/src/entities/transaction/ui/list-item.tsx
@@ -34,7 +34,7 @@ export const ListItem = ({
     return rs;
   };
 
-  const getDotClass = (str?: string) => {
+  const getDotClass = () => {
     let rs = '';
     if(transactionCategory === TransactionCategory.AllTransaction){
       if(statusCode === '0'