diff --git a/ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/modal/v1/modal/clientlibs/site/css/modal.css b/ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/modal/v1/modal/clientlibs/site/css/modal.css
index 0904e17619..2aae4746db 100644
--- a/ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/modal/v1/modal/clientlibs/site/css/modal.css
+++ b/ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/modal/v1/modal/clientlibs/site/css/modal.css
@@ -15,33 +15,35 @@
  ******************************************************************************/
 
 .cmp-adaptiveform-modal__dialog{
-
+    display: none;
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    background-color: white;
+    border: 1px solid #ccc;
+    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
+    padding: 20px;
+    z-index: 1002; /* Ensure it's above other content */
+    max-width: 80%; /* Adjust as needed */
+    max-height: 80%; /* Adjust as needed */
+    overflow: auto; /* Enable scrolling if content exceeds dimensions */
+    pointer-events: auto;
 }
 
 .cmp-adaptiveform-modal__panel-container {
-
-}
-
-.cmp-adaptiveform-modal__panel-container--hidden {
-
+    background-color: #f0f0f0; /* Example: Change the background color */
+    padding: 20px; /* Example: Add padding */
+    border-radius: 10px; /* Example: Add border radius */
 }
 
 .cmp-adaptiveform-modal__overlay {
-
-}
-
-.cmp-adaptiveform-modal__errormessage{
-
-}
-
-.cmp-adaptiveform-modal__label-container{
-
-}
-
-.cmp-adaptiveform-modal__longdescription {
-
-}
-
-.cmp-adaptiveform-modal__shortdescription {
-
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.5);
+    z-index: 1001;
+    pointer-events: none;
 }