diff --git a/.storybook/stories/BadgeContainer.stories.js b/.storybook/stories/BadgeContainer.stories.js
index ecda71c40b..25c1380bd8 100644
--- a/.storybook/stories/BadgeContainer.stories.js
+++ b/.storybook/stories/BadgeContainer.stories.js
@@ -67,8 +67,5 @@ export const RectangleInProgress = story({ status: BADGE_IN_PROGRESS, shape: BAD
 
 export const RectangleLocked = story({ status: BADGE_LOCKED, shape: BADGE_SHAPE_RECTANGLE }, badgeUsEconomicEquality.contentfulData[0].imageUrl);
 
-export const BadgeWithRays = story({showRays: true, status: BADGE_COMPLETED, shape: BADGE_SHAPE_ARCH}, badgeClimateAction.contentfulData[0].imageUrl);
-
 export const BadgeWithShine = story({showShine: true, status: BADGE_COMPLETED, shape: BADGE_SHAPE_ARCH}, badgeClimateAction.contentfulData[0].imageUrl);
 
-export const BadgeWithShineAndRays = story({showRays: true, showShine: true, status: BADGE_COMPLETED, shape: BADGE_SHAPE_ARCH}, badgeClimateAction.contentfulData[0].imageUrl);
diff --git a/src/components/MyKiva/BadgeContainer.vue b/src/components/MyKiva/BadgeContainer.vue
index e6b1ec1e0a..101d3d06df 100644
--- a/src/components/MyKiva/BadgeContainer.vue
+++ b/src/components/MyKiva/BadgeContainer.vue
@@ -1,9 +1,10 @@
 <template>
 	<div
-		class="tw-relative tw-inline-block tw-w-auto tw-overflow-hidden"
+		class="tw-relative tw-inline-block tw-w-auto"
 		:class="{
 			'tw-grayscale': isInProgress,
 			'invisible-badge tw-cursor-pointer': isLocked,
+			'tw-overflow-hidden': showShine,
 		}"
 		@click="handleBadgeClick"
 	>