diff --git a/src/sku/components/SkuHeader.tsx b/src/sku/components/SkuHeader.tsx
index e64962992..54c76103f 100644
--- a/src/sku/components/SkuHeader.tsx
+++ b/src/sku/components/SkuHeader.tsx
@@ -72,14 +72,7 @@ function SkuHeader(
{slots['sku-header-image-extra']?.()}
)}
-
- {slots.default?.()}
-
+ {slots.default?.()}
);
}
diff --git a/src/sku/index.less b/src/sku/index.less
index 9e73d2978..0100529ee 100644
--- a/src/sku/index.less
+++ b/src/sku/index.less
@@ -25,17 +25,15 @@
}
&-header {
+ display: flex;
margin: 0 @padding-md;
&__img-wrap {
position: relative;
- float: left;
width: 96px;
height: 96px;
- margin: @padding-sm 0;
- overflow: hidden;
+ margin: @padding-sm @padding-sm @padding-sm 0;
background: @background-color;
- border-radius: @border-radius-md;
img {
position: absolute;
@@ -46,6 +44,7 @@
max-width: 100%;
max-height: 100%;
margin: auto;
+ border-radius: @border-radius-md;
}
}
@@ -53,14 +52,7 @@
display: flex;
flex-direction: column;
justify-content: flex-end;
- box-sizing: border-box;
- min-height: 96px;
- padding: @padding-sm 20px @padding-sm @padding-xs;
- overflow: hidden;
-
- &--no-padding {
- padding-left: 0;
- }
+ padding: @padding-sm 20px @padding-sm 0;
}
}