diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css
index 70639f7f..4b60ea64 100644
--- a/src/assets/css/custom.css
+++ b/src/assets/css/custom.css
@@ -737,4 +737,7 @@ background-size: 75% auto;
 
 .m_ft{display:flex;align-items:flex-end;    justify-content: space-between;}
 .m_ft_box{flex:0 0 49%}
-.m_ft_box + .m_ft_box{margin-left:1%}
\ No newline at end of file
+.m_ft_box + .m_ft_box{margin-left:1%}
+
+.layer-content-box .history-btn{border-radius:4px;display:block;width:100%;height:45px;line-height:45px;text-align:center;font-size: 0.875rem;color:#ddd;font-weight:400;}
+.layer-content-box .history-btn:hover{border-radius:4px;background:#7367f0;border-color:#7367f0;transition: 0.3s ease;-webkit-transition: 0.3s ease;}
\ No newline at end of file
diff --git a/src/views/control/report/ControlReportDetail.js b/src/views/control/report/ControlReportDetail.js
index 0417f08c..db8c9b5e 100644
--- a/src/views/control/report/ControlReportDetail.js
+++ b/src/views/control/report/ControlReportDetail.js
@@ -49,6 +49,11 @@ const ControlReportDetail = props => {
             <X size={20} />
           </button>
         </div>
+        
+        <div className='layer-content-box mb-1'>
+            <button type="button" className='history-btn'>비정상상황 알림내역</button> 
+        </div>
+      
         <div className='layer-content-box'>
           <div className='drone-ti'>
             <img src={drone_yellow} width='40' />