chore: update story based on designer input

elastic · Dec 9, 2024 · fb1b41d · fb1b41d
1 parent 53737e3
commit fb1b41d
Showing 1 changed file with 12 additions and 5 deletions.
diff --git a/...ges/eui/src/components/color_picker/color_palette_picker/color_palette_picker.stories.tsx b/...ges/eui/src/components/color_picker/color_palette_picker/color_palette_picker.stories.tsx
@@ -16,7 +16,6 @@ import {
   EuiColorPalettePicker,
   EuiColorPalettePickerProps,
 } from './color_palette_picker';
-import { EuiBadge } from '../../badge';
 import { EuiText } from '../../text';
 
 const meta: Meta<EuiColorPalettePickerProps<string>> = {
@@ -79,17 +78,25 @@ export const CustomTitles: Story = {
               display: flex;
               flex-direction: row;
               align-items: center;
+              justify-content: space-between;
               gap: ${euiTheme.size.xs};
             `}
           >
+            <EuiText aria-hidden="true" size="xs">
+              Elastic
+            </EuiText>
             <EuiText
-              aria-hidden="true"
-              className="euiColorPalettePicker__itemTitle"
+              css={css`
+                text-decoration: none;
+                // breaks flow to prevent parent text-decoration
+                float: left;
+                clear: both;
+              `}
+              color="subdued"
               size="xs"
             >
-              Elastic
+              Default
             </EuiText>
-            <EuiBadge color="hollow">Default</EuiBadge>
           </div>
         ),
         palette: euiPaletteColorBlind(),