diff --git a/examples/bpk-component-card/examples.js b/examples/bpk-component-card/examples.js
index 36ee1ccabc..fc3c446ef6 100644
--- a/examples/bpk-component-card/examples.js
+++ b/examples/bpk-component-card/examples.js
@@ -110,14 +110,11 @@ const DefaultDividedCardExample = () => (
);
const VerticalDividedCardExample = () => (
-
-
-
-
+
);
const WithHrefDividedCardExample = () => (
(
);
const NonElevatedDividedCardExample = () => (
-
-
-
-
+
);
const CardWrapperExample = () => (
diff --git a/packages/bpk-component-card/src/BpkDividedCard.module.scss b/packages/bpk-component-card/src/BpkDividedCard.module.scss
index 93beaaa2b9..f88dd39bdb 100644
--- a/packages/bpk-component-card/src/BpkDividedCard.module.scss
+++ b/packages/bpk-component-card/src/BpkDividedCard.module.scss
@@ -19,16 +19,9 @@
@use '../../unstable__bpk-mixins/tokens';
@use '../../unstable__bpk-mixins/utils';
-$min-vertical-width: 240;
-$max-vertical-width: 720;
-$min-horizontal-width: $max-vertical-width + 1;
-$min-horizontal-height: 292;
-$fixed-secondary-width: 216;
-
.bpk-divided-card {
&--content {
display: flex;
- height: 100%;
align-items: stretch;
}
@@ -38,14 +31,10 @@ $fixed-secondary-width: 216;
&--vertical-container {
display: flex;
- min-width: tokens.$bpk-one-pixel-rem * $min-vertical-width;
- max-width: tokens.$bpk-one-pixel-rem * $max-vertical-width;
}
&--horizontal-container {
display: flex;
- min-width: tokens.$bpk-one-pixel-rem * $min-horizontal-width;
- min-height: tokens.$bpk-one-pixel-rem * $min-horizontal-height;
}
&__primary {
@@ -60,7 +49,6 @@ $fixed-secondary-width: 216;
}
&--horizontal {
- width: tokens.$bpk-one-pixel-rem * $fixed-secondary-width;
border-left: tokens.$bpk-input-border;
@include utils.bpk-rtl {