From 2a5d3371f40862d042897b822726971ca9311ace Mon Sep 17 00:00:00 2001
From: Inna Boitsun <inna.boitsun@orckestra.com>
Date: Tue, 13 Sep 2022 16:01:05 +0300
Subject: [PATCH] Workaround  for issue 
 https://github.com/vuestorefront/storefront-ui/issues/2491 AB#65768

---
 packages/theme/components/AddressForm.vue | 13 +++----------
 packages/theme/layouts/default.vue        |  7 ++++++-
 2 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/packages/theme/components/AddressForm.vue b/packages/theme/components/AddressForm.vue
index 404790f6..e2262013 100644
--- a/packages/theme/components/AddressForm.vue
+++ b/packages/theme/components/AddressForm.vue
@@ -86,11 +86,7 @@
           required
           :valid="!errors[0]"
           :error-message="errors[0]"
-          class="
-            sf-component-select--underlined
-            form__select
-            form__element--half
-            form__element--half-even">
+          class="sf-component-select--underlined">
           <SfComponentSelectOption
             v-for="{isoCode, name} in countries"
             :key="isoCode"
@@ -111,11 +107,7 @@
           required
           :valid="!errors[0]"
           :error-message="errors[0]"
-          class="
-            sf-component-select--underlined
-            form__select
-            form__element--half
-            form__element--half-even">
+          class="sf-component-select--underlined">
             <SfComponentSelectOption
               v-for="{isoCode, name} in getRegions(form.countryCode)"
               :key="isoCode"
@@ -211,6 +203,7 @@ export default {
 };
 </script>
 <style lang='scss' scoped>
+
 .form {
   &__element {
     flex: 1 0 100%;
diff --git a/packages/theme/layouts/default.vue b/packages/theme/layouts/default.vue
index ca40bf2f..fde19526 100644
--- a/packages/theme/layouts/default.vue
+++ b/packages/theme/layouts/default.vue
@@ -84,7 +84,12 @@ export default {
 
 <style lang="scss">
 @import "~@storefront-ui/vue/styles";
-
+:root {
+  .sf-tabs__content__tab {
+    // workaround for issue https://github.com/vuestorefront/storefront-ui/issues/2491
+    transform: translate3d(0, 0, 0);
+  }
+}
 #layout {
   box-sizing: border-box;
   @include for-desktop {