Solving styling issues

src/config/cashierConfig.ts

@@ -134,7 +134,7 @@ export function getCashierConfig(): ICashierConfig {
   const userId = params.get('userId')?.trim();
   if (userId) {
     config.userId = userId;
-  } else if (import.meta.env.DEV) {
+  } else if (config.environment === 'development' && !config.userId) {
     // Development fallback: use a default numeric userId for testing
     // The API expects customer ID to be a numeric value
     config.userId = '123';

src/features/cashier/Cashier.tsx

@@ -38,6 +38,7 @@ function Cashier() {
       }
 
       // Auto-fill customer IP if available and not already set
+      // NOTE: This is not needed anymore as the IP is now set in the form metadata or HTTP headers
       if (customerIp) {
         // Check if IP field exists in form metadata and populate it
         const ipField = formMetadata.find(

src/index.scss

@@ -1,7 +1,9 @@
 // Global styles
 
+html,
 :root {
   width: 100%;
+  height: 100%;
   font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
   line-height: 1.5;
   font-weight: 400;
@@ -28,10 +30,16 @@ a {
 
 body {
   margin: 0;
+  width: 100%;
+  height: 100%;
   display: flex;
   place-items: center;
   min-width: 320px;
-  min-height: 100vh;
+}
+
+#root {
+  width: 100%;
+  height: 100%;
 }
 
 h1 {