Kontaktformular im Pop-Up Breite

Hallo liebe WP-Gemeinde,

ich sitze nun seit drei Tagen an einem Problem und komme nicht mehr weiter, weil mir Wissen fehlt. Über das Plugin "Contact Form by Supsystic" habe ich folgendes Formular erstellt. Ich habe lediglich die Breite des Formulars auf 25% reduziert und dann erhalte ich das unten angezeigte Formular. Soweit sieht das schon ganz gut aus und genau dieses Formular wollte ich 1:1 in ein Pop-Up einbauen.

Ich habe mir als Pop-Up Plugin "Wordpress Pop-Up" ausgesucht. Wenn ich jetzt den Shortcode des Kontaktformulars ohne weitere Änderungen in den HTML-Teil vom Pop-Up Plugin einbaue, erhalte ich folgende Ausgabe:

Das sieht definitiv nicht schön aus und ist viel zu breit. Wenn ich jedoch die Breite des Pop-Ups ändere, dann bekomme ich ein noch unschöneres Bild:

Ich weiß ziemlich sicher, dass der Fehler irgendwo in einer CSS liegen muss. Leider fehlt mir hier die Erfahrung an der richtigen Stelle zu suchen. Dieses Formular ist mir sehr wichtig, deswegen hänge ich auch schon so lange an der Sache. Jetzt hoffe ich, dass ihr mir an dieser Stelle weiterhelfen könnt, denn alleine komme ich aktuell nicht weiter.

Danke für die schnellen Antworten. Die Lösung mit den 100% hatte ich auch schon versucht, bekomme aber folgendes Bild und Problem:

Wenn ich jetzt die Pop-Up Breite selber einstelle, muss ich im Pop-Up Fenster scrollen. Mir wäre es am liebsten, wenn die Breite des Kontaktformulars irgendwie mit der Breite des Pop-Ups zusammen spielt. Ich würde gerne die Breite des Formulars an sich gerne auf 25% behalten. Das einzige Problem ist, dass ich die Breite vom PopUp einstellen kann, aber dann gleichzeitig die Breite des Formulars erneut skaliert wird. Deswegen wird bei mir auch ein Teil des Formulars abgeschnitten.
Kann ich in diesem Fall dem Formular nicht irgendwie mitgeben, dass er sich von der Änderung der Breite des PopUps nicht beeindrucken lässt und seine 25% beibehält?