fix(SW-360): remove container queries to fix stacking context bug affecting dropdowns in signup

components/TempDesignSystem/Form/Phone/phone.module.css

@@ -1,11 +1,7 @@
-.wrapper {
-  container-name: phoneContainer;
-  container-type: inline-size;
-}
 .phone {
   display: grid;
+  grid-template-columns: 1fr;
   gap: var(--Spacing-x2);
-  grid-template-columns: minmax(124px, 164px) 1fr;
 
   --react-international-phone-background-color: var(--Main-Grey-White);
   --react-international-phone-border-color: var(--Scandic-Beige-40);
@@ -28,6 +24,12 @@
   );
 }
 
+@media (min-width: 385px) {
+  .phone {
+    grid-template-columns: minmax(124px, 164px) 1fr;
+  }
+}
+
 .phone:has(.input:active, .input:focus) {
   --react-international-phone-border-color: var(--Scandic-Blue-90);
 }
@@ -104,10 +106,3 @@
   justify-self: flex-start;
   padding: 0;
 }
-
-@container phoneContainer (max-width: 350px) {
-  .phone {
-    display: flex;
-    flex-direction: column;
-  }
-}