.ui-dialog {
      max-width: 90% !important; /* Ensure dialog doesn't exceed viewport width */
      position: fixed !important; /* Ensure it stays within the viewport */
      top: 50% !important;
      left: 50% !important;
      transform: translate(-50%, -50%) !important;
    }
    
    .ui-dialog-content {
        overflow: auto; /* Enable scrolling for content that overflows */
    }