fix: Minor fixes

src/components/ui/SkuSelector/Selectors.stories.mdx

@@ -2,11 +2,6 @@ import { useState } from 'react'
 import { Meta, Canvas, Story, ArgsTable } from '@storybook/addon-docs'
 
 import Selectors from '.'
-import {
-  TokenTable,
-  TokenRow,
-  TokenDivider,
-} from 'src/../.storybook/components'
 
 <Meta title="Molecules/SkuSelector/Selectors" component={Selectors} />
 
@@ -28,7 +23,7 @@ It also handles the general `SkuSelector` behavior, like navigating between SKUs
 
 ## Usage
 
-The code snippet below is an example of what `Selectors` props should look like, but remembering that this info comes from the API when the product has available SKU variants.
+The code snippet below is an example of what `Selectors` props should look like, but remember that this info comes from the API when the product has available SKU variants.
 
 `import Selectors from 'src/components/ui/SkuSelector'`
 

src/components/ui/SkuSelector/SkuSelector.tsx

@@ -72,6 +72,8 @@ function SkuSelector({
   testId = 'store-sku-selector',
   activeValue,
 }: SkuSelectorProps) {
+  const radioGroupId = id ? `-${id}` : ''
+
   return (
     <div
       data-fs-sku-selector
@@ -86,7 +88,7 @@ function SkuSelector({
       )}
       <RadioGroup
         selectedValue={activeValue}
-        name={`sku-selector-${variant}${id ? `-${id}` : ''}`}
+        name={`sku-selector-${variant}${radioGroupId}`}
         onChange={(e) => {
           onChange?.(e)
         }}