fix: fix styling (kyma-project#4344)

Author: OliwiaGowor

src/components/Clusters/components/AddClusterWizard.scss

@@ -49,10 +49,6 @@ ui5-wizard {
   height: 100%;
   width: 75vw;
 
-  @media screen and (max-width: 380px) {
-    width: 100%;
-  }
-
   .cluster-wizard {
     &__token-info,
     &__storage-preference {
@@ -101,7 +97,7 @@ ui5-wizard {
   }
 }
 
-@media screen and (max-width: 380px) {
+@media (max-width: 380px) {
   ui5-wizard {
     width: 100%;
   }

src/resources/Namespaces/YamlUpload/YamlUpload.jsx

@@ -53,7 +53,6 @@ function YamlUpload({
 
   return (
     <FlexBox
-      className="sap-margin-end-small"
       style={{
         gap: '1rem',
         // when using solution from: https://github.com/microsoft/monaco-editor/issues/3393

src/resources/Namespaces/YamlUpload/YamlUploadDialog.scss

@@ -4,19 +4,20 @@
   }
 
   &__layout {
-    overflow-y: 'hidden';
-    height: '80vh';
-    width: '80vw';
+    overflow-y: hidden;
+    height: 80vh;
+    width: 80vw;
     display: grid;
     grid-template-columns: 1fr 1fr;
+    gap: 1em;
   }
 
   &__content {
     background-color: var(--sapGroup_ContentBackground);
     border-radius: var(--sapElement_BorderCornerRadius);
   }
 
-  @media screen and (max-width: 550px) {
+  @media (max-width: 560px) {
     &__layout {
       height: auto;
       width: 100%;