[Bug]: Embedded Table with PropertyFilter styles issue

[nichita-pasecinic]

Browser

No response

Package version

^3.0.126

React version

^17.0.2

Description

Hi,

An Table component with prop variant={'embedded'} and filter component like so:

filter={
  <PropertyFilter
    i18nStrings={PROPERTY_FILTERING_I18N_CONSTANTS}
    countText={filterCountText}
    {...propertyFilterProps}
    expandToViewport
  />
}

has some weird styles:

Is this expected ?

Source code

<Table
      {...collectionProps}
      variant={'embedded'}
      items={items}
      columnDefinitions={columnDefinitions}
      resizableColumns
      filter={
        <PropertyFilter
          i18nStrings={PROPERTY_FILTERING_I18N_CONSTANTS}
          countText={filterCountText}
          {...propertyFilterProps}
          expandToViewport
        />
      }
    />

Reproduction

No response

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems

[connorlanigan]

Hello,

the Table in your screenshot looks similar to the "Embedded table" playground example on our website. Can you describe how the table in your screenshot differs from what you expect?

[nichita-pasecinic]

Hi @connorlanigan
this part (border radiuses/corners) looks odd to me

[connorlanigan]

Ah, I see, thank you. I will bring this up with the team.

[timogasda]

Hello @nichita-pasecinic !

Sorry for the late response. This should have been fixed with #529. Please update your Cloudscape version and try again.