some minor cosmetic fixes

Author: wbglaeser

src/ui/screens/benefit-page/components/RecursiveRulesTable.js

@@ -102,14 +102,16 @@ function renderNode(
         const bg =
             node.status === 'ok' ? 'secondary.light' :
                 node.status === 'violation' ? 'error.light' :
-                    'white.dark';
+                    'white.main';
+        const border = node.status === 'missing' ? '1px solid #ccc' : '';
 
         return (
             <VBox
                 gap={2}
                 sx={{
                     backgroundColor: bg,
                     padding: 2,
+                    border: border,
                     borderRadius: theme.shape.borderRadius,
                     boxShadow: '0px 1px 2px rgba(0, 0, 0, 0.25)',
                 }}

src/ui/screens/benefit-page/hooks/useBuildCategoryTitles.js

@@ -21,8 +21,8 @@ const useBuildCategoryTitles = (id, language) => {
         if (categories.length === 0 || !topicsData) return null;
         return categories.map((categoryUri) => {
             const topic = topicsData.find((topic) => topic.id === categoryUri);
-            return topic ? topic.title[language] : '';
-        });
+            return topic ? topic.title[language] : false;
+        }).filter(Boolean);
     }, [categories, topicsData, language]);
 };
 

src/ui/screens/onboarding-pages/choice/OnboardingChoice.js

@@ -25,7 +25,7 @@ const OnboardingChoice = () => {
                                 {t('app.discoverChoice.text')}
                             </Typography>
                         </HBox>
-                        <HBox sx={{ width: '506px' }}>
+                        <HBox sx={{ maxWidth: '506px' }}>
                             <TileButton
                                 variant={'yellowContained'}
                                 title={'app.discoverChoice.quickCheck'}
@@ -48,9 +48,6 @@ const OnboardingChoice = () => {
                             size='small'
                         />
                     </VBox>
-                    <HBox sx={{ width: '506px' }}>
-
-                    </HBox>
                 </VBox>
             </AppScreenWrapperContainer>
         </Layout >