diff --git a/src/components/basis/flight/plan/FlightPlanAreaMap.js b/src/components/basis/flight/plan/FlightPlanAreaMap.js
index bed2c681..e4a56556 100644
--- a/src/components/basis/flight/plan/FlightPlanAreaMap.js
+++ b/src/components/basis/flight/plan/FlightPlanAreaMap.js
@@ -1,7 +1,8 @@
 import React, { useEffect, useState } from 'react';
 import {
     Card,
-    CardBody,     
+    CardBody,
+    Button
 } from 'reactstrap';
 
 const FlightPlanAreaMap = () => {
@@ -32,7 +33,7 @@ const FlightPlanAreaMap = () => {
 
 
     return (
-        <Card>
+        <Card className='mb-0'>
             <CardBody>                
                 <div className='search-cont search-info pd-0'>
                     <div className='cont-ti mb-1 d-flex justify-content-between align-items-sm-center align-items-start flex-sm-row'>
@@ -43,8 +44,27 @@ const FlightPlanAreaMap = () => {
                 </div>
 
                 <div id="map" style={{ width: '100%', height: '50vh'}}></div>
+
+                <div className='d-flex align-items-center mt-2'>
+                    <Button.Ripple
+                        className='mr-1'
+                        color='primary'
+                        // onClick={
+                        //     pageType === 'create'
+                        //     ? handleSubmit(handlerCreate)
+                        //     : handleSubmit(handlerUpdate)
+                        // }
+                    >
+                        Line
+                    </Button.Ripple>
+                    <Button.Ripple 
+                        color='primary' 
+                        // onClick={handlerDelete}
+                    >
+                        Circle
+                    </Button.Ripple>
+                </div>
             </CardBody>
-         
         </Card>
     )
 }