diff --git a/src/app/pages/joblist/joblist.page.html b/src/app/pages/joblist/joblist.page.html
index a718e4e..e0dfef6 100644
--- a/src/app/pages/joblist/joblist.page.html
+++ b/src/app/pages/joblist/joblist.page.html
@@ -94,7 +94,7 @@
 
 <div *ngIf="isModalOpenBackdrop==true">
   <ion-backdrop [visible]="isModalOpenBackdrop"></ion-backdrop>
-  <ion-modal class="common_modal" [isOpen]="isModalOpen"><ng-template>
+  <ion-modal class="common_modal_addjob" [isOpen]="isModalOpen"><ng-template>
     <ion-header  class="modal-head">
       <ion-toolbar>
         <ion-title>Add Job</ion-title>
diff --git a/src/app/pages/joblist/joblist.page.scss b/src/app/pages/joblist/joblist.page.scss
index 52352ea..680b145 100644
--- a/src/app/pages/joblist/joblist.page.scss
+++ b/src/app/pages/joblist/joblist.page.scss
@@ -385,3 +385,13 @@ ion-footer {
     }
   }
 }
+
+.common_modal_addjob{
+  background-color: aliceblue;
+  height: 99%;
+  max-width: 400px;
+  min-width: 350px ;
+  min-height: 600px;
+  margin: auto;
+}
+
diff --git a/src/global.scss b/src/global.scss
index 3fee822..c3b52ac 100644
--- a/src/global.scss
+++ b/src/global.scss
@@ -292,12 +292,15 @@ ion-content{
     font-weight: bolder;
   }
 }
+
 .common_modal{
   background-color: aliceblue;
   max-width: 350px ;
   max-height: 550px;
   margin: auto;
 }
+
+
 ion-backdrop {
   background: var(--ion-color-dark);
   opacity: 0.3;