add beta label

icons/beta.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.42.494c-.373-.313-.896-.49-1.5-.49A2.028 2.028 0 0 0 1.4.57a1.948 1.948 0 0 0-.453.685c-.1.257-.143.531-.127.805V8h.79V6.508a2.46 2.46 0 0 0 1.59.549c.3.01.6-.04.88-.147a2.21 2.21 0 0 0 .751-.48c.215-.208.383-.457.495-.733.112-.274.165-.568.157-.863a1.925 1.925 0 0 0-.309-1.09 1.978 1.978 0 0 0-.717-.664c.157-.147.287-.32.381-.514.12-.245.18-.515.176-.787 0-.523-.22-.97-.594-1.285Zm-2.023.36c.163-.06.338-.085.512-.074h.008c.413 0 .741.105.964.28.22.171.343.417.343.72v.004a.944.944 0 0 1-.288.713.99.99 0 0 1-.732.283l-.115-.004v.781h.112c.467 0 .84.13 1.094.351.253.219.398.534.398.927v.004a1.357 1.357 0 0 1-.418 1.04 1.422 1.422 0 0 1-1.069.4h-.012a1.532 1.532 0 0 1-1.109-.393 1.437 1.437 0 0 1-.475-1.052V2.05a1.165 1.165 0 0 1 .352-.923c.123-.12.272-.214.435-.274Z" fill="currentColor"/>
+</svg>

public/icons/name.d.ts

@@ -13,6 +13,7 @@
 	| "arrows/north-east"
 	| "arrows/south-east"
 	| "arrows/up-down"
+	| "beta"
 	| "block_slim"
 	| "block"
 	| "brands/safe"

ui/pages/Marketplace.tsx

@@ -196,8 +196,33 @@ const Marketplace = () => {
           defaultValue={ displayType }
           name="type"
           options={ [
-            { title: 'Discovery', value: 'default', icon: 'apps_xs', onlyIcon: false },
-            { title: 'Apps scores', value: 'scores', icon: 'apps_list', onlyIcon: false },
+            {
+              title: 'Discovery',
+              value: 'default',
+              icon: 'apps_xs',
+              onlyIcon: false,
+            },
+            {
+              title: 'Apps scores',
+              value: 'scores',
+              icon: 'apps_list',
+              onlyIcon: false,
+              contentAfter: (
+                <Flex
+                  alignItems="center"
+                  h={ 3 }
+                  bg="red.400"
+                  borderRadius="2px"
+                  fontSize="10px"
+                  fontWeight="500"
+                  color="white"
+                  px="2px"
+                  ml={ 1 }
+                >
+                  { isMobile ? <IconSvg name="beta" boxSize={ 2 }/> : 'beta' }
+                </Flex>
+              ),
+            },
           ] }
           autoWidth
         />

ui/shared/radioButtonGroup/RadioButtonGroup.tsx

@@ -9,6 +9,7 @@ type RadioItemProps = {
   title: string;
   icon?: IconName;
   onlyIcon: false | undefined;
+  contentAfter?: React.ReactNode;
 } | {
   title: string;
   icon: IconName;
@@ -67,9 +68,11 @@ const RadioButton = (props: RadioButtonProps) => {
     >
       <input { ...input }/>
       <Flex
+        alignItems="center"
         { ...checkbox }
       >
         { props.title }
+        { props.contentAfter }
       </Flex>
     </Button>
   );