fix(prebuilt): multiple-choice poll questions should be visible

100mslive · Feb 3, 2025 · c962a35 · c962a35
1 parent 569b73a
commit c962a35
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/roomkit-react/src/Checkbox/Checkbox.tsx b/packages/roomkit-react/src/Checkbox/Checkbox.tsx
@@ -25,6 +25,8 @@ const CheckboxRoot = styled(CheckboxPrimitive.Root, {
 
 const CheckboxIndicator = styled(CheckboxPrimitive.Indicator, {
   color: '$on_primary_high',
+  // center check svg within button box
+  lineHeight: 0,
 });
 
 export const Checkbox = {

diff --git a/packages/roomkit-react/src/Prebuilt/components/Polls/common/MultipleChoiceOptions.jsx b/packages/roomkit-react/src/Prebuilt/components/Polls/common/MultipleChoiceOptions.jsx
@@ -60,7 +60,9 @@ export const MultipleChoiceOptions = ({
             <Flex direction="column" css={{ flexGrow: '1' }}>
               <Flex css={{ w: '100%' }}>
                 <Text css={{ display: 'flex', flexGrow: '1' }}>
-                  <Label htmlFor={`${questionIndex}-${option.index}`}>{option.text}</Label>
+                  <Label htmlFor={`${questionIndex}-${option.index}`} css={{ color: 'inherit' }}>
+                    {option.text}
+                  </Label>
                 </Text>
                 {showVoteCount && <VoteCount voteCount={option.voteCount} />}
               </Flex>