diff --git a/packages/design-system/organisms/help-why-no-roles/WhyNoRoles.styled.ts b/packages/design-system/organisms/help-why-no-roles/WhyNoRoles.styled.ts
index 6b1ba73..54d5671 100644
--- a/packages/design-system/organisms/help-why-no-roles/WhyNoRoles.styled.ts
+++ b/packages/design-system/organisms/help-why-no-roles/WhyNoRoles.styled.ts
@@ -40,10 +40,6 @@ export const DiscordRole = styled.div<{
   isRoleypoly: boolean;
   isGood: boolean;
 }>`
-  /* stylelint-disable function-name-case, function-whitespace-after */
-
-  /* Disabled due to postcss bug parsing the below functions as CSS and not a JS interpolation */
-
   padding: 6px 10px;
   color: ${(props) => numberToChroma(props.discordRole.color).css()};
   border-radius: 3px;
@@ -70,13 +66,16 @@ const bumpDown = css`
 
 export const Dont = styled(GoX)`
   ${bumpDown}
+
   color: ${palette.red400};
 `;
 export const Do = styled(GoCheck)`
   ${bumpDown}
+
   color: ${palette.green400};
 `;
 export const Why = styled(GoQuestion)`
   ${bumpDown}
+
   color: ${palette.discord400};
 `;