diff --git a/packages/ndla-ui/src/AudioPlayer/AudioPlayer.tsx b/packages/ndla-ui/src/AudioPlayer/AudioPlayer.tsx
index e2b4a76f4a..1c5ceaee72 100644
--- a/packages/ndla-ui/src/AudioPlayer/AudioPlayer.tsx
+++ b/packages/ndla-ui/src/AudioPlayer/AudioPlayer.tsx
@@ -24,6 +24,8 @@ const AudioPlayerWrapper = styled("div", {
     boxShadow: "full",
     marginBlockEnd: "4xsmall",
     overflow: "hidden",
+    // Include box-shadow in element size
+    width: "calc(100% - 4px)",
   },
 });
 
diff --git a/packages/ndla-ui/src/CampaignBlock/CampaignBlock.tsx b/packages/ndla-ui/src/CampaignBlock/CampaignBlock.tsx
index ba766b30aa..9831129640 100644
--- a/packages/ndla-ui/src/CampaignBlock/CampaignBlock.tsx
+++ b/packages/ndla-ui/src/CampaignBlock/CampaignBlock.tsx
@@ -48,6 +48,8 @@ const Container = styled("div", {
     tabletWide: {
       flexDirection: "row",
     },
+    // Include box-shadow in element size
+    width: "calc(100% - 4px)",
   },
 });
 
diff --git a/packages/ndla-ui/src/ContactBlock/ContactBlock.tsx b/packages/ndla-ui/src/ContactBlock/ContactBlock.tsx
index cd4fe3501e..fb62a5cb02 100644
--- a/packages/ndla-ui/src/ContactBlock/ContactBlock.tsx
+++ b/packages/ndla-ui/src/ContactBlock/ContactBlock.tsx
@@ -44,6 +44,8 @@ const StyledWrapper = styled("div", {
       alignItems: "unset",
       flexDirection: "row",
     },
+    // Include box-shadow in element size
+    width: "calc(100% - 4px)",
   },
 });
 
diff --git a/packages/ndla-ui/src/ResourceBox/ResourceBox.tsx b/packages/ndla-ui/src/ResourceBox/ResourceBox.tsx
index ebe9b7afd2..0b95ce88ad 100644
--- a/packages/ndla-ui/src/ResourceBox/ResourceBox.tsx
+++ b/packages/ndla-ui/src/ResourceBox/ResourceBox.tsx
@@ -30,6 +30,8 @@ const Container = styled("div", {
       gap: "0",
       padding: "0",
     },
+    // Include box-shadow in element size
+    width: "calc(100% - 4px)",
   },
 });