diff --git a/jero-web/src/views/toDoCenter/projectRegulationTasks/components/designCompliance.vue b/jero-web/src/views/toDoCenter/projectRegulationTasks/components/designCompliance.vue
index a4fcddf1f..f9c6f7792 100644
--- a/jero-web/src/views/toDoCenter/projectRegulationTasks/components/designCompliance.vue
+++ b/jero-web/src/views/toDoCenter/projectRegulationTasks/components/designCompliance.vue
@@ -44,17 +44,18 @@
           :query="queryData"
           :queryBy="queryBy"
           :queryPersonInCharge="queryPersonInCharge"/>
+
+        <div class="drawer-bootom-button">
+          <footerProcess
+            v-if="isDisplay"
+            :is-cancel="isCancel"
+            :is-confirm="isConfirm"
+            @cancel="handleCancel"
+            @confirm="confirm"
+          />
+        </div>
       </div>
 
-      <div class="drawer-bootom-button">
-        <footerProcess
-          v-if="isDisplay"
-          :is-cancel="isCancel"
-          :is-confirm="isConfirm"
-          @cancel="handleCancel"
-          @confirm="confirm"
-        />
-      </div>
     </a-drawer>
 
   </div>
@@ -288,7 +289,7 @@
 <style scoped>
 
   .drawer-bootom-button {
-    position: absolute;
+    position: sticky;
     bottom: 0;
     z-index: 1002;
     width: 100%;
@@ -302,7 +303,7 @@
 
   .drawer-review {
     position: absolute;
-    bottom: 40px;
+    bottom: 0;
     z-index: 1001;
     height: 404px;
     width: 100%;