From a92222112456f02dcf6454a6385ec22f18197fef Mon Sep 17 00:00:00 2001
From: Damien Pellier <dpellier@gmail.com>
Date: Tue, 8 Oct 2024 10:14:20 +0200
Subject: [PATCH] fix(storybook): update version selector

---
 packages/storybook/.storybook/addons/odsVersions.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/storybook/.storybook/addons/odsVersions.tsx b/packages/storybook/.storybook/addons/odsVersions.tsx
index ebf6d5e384..6078f65f2b 100644
--- a/packages/storybook/.storybook/addons/odsVersions.tsx
+++ b/packages/storybook/.storybook/addons/odsVersions.tsx
@@ -1,5 +1,5 @@
 import { addons, types } from '@storybook/manager-api';
-import { ODS_BUTTON_VARIANT, ODS_ICON_NAME } from '@ovhcloud/ods-components';
+import { ODS_BUTTON_ICON_ALIGNMENT, ODS_BUTTON_VARIANT, ODS_ICON_NAME } from '@ovhcloud/ods-components';
 import { OdsButton, OdsLink, OdsPopover } from '@ovhcloud/ods-components/react';
 import React from 'react';
 import versions from '../../assets/ods-versions.json';
@@ -15,6 +15,7 @@ const odsVersionsAddon = () => {
       return (
         <div style={{ textAlign: 'center' }}>
           <OdsButton icon={ ODS_ICON_NAME.chevronDown }
+                     iconAlignment={ ODS_BUTTON_ICON_ALIGNMENT.right }
                      id="ods-version-current"
                      label={ versions[0] }
                      variant={ ODS_BUTTON_VARIANT.ghost } />
@@ -24,7 +25,7 @@ const odsVersionsAddon = () => {
             {
               (versions || []).map((version, idx) => (
                 <OdsLink key={ idx }
-                         style={{ display: 'block' }}
+                         style={{ display: 'block', padding: '0 2rem' }}
                          href={ `${BASE_URL}/v${version}` }
                          label={ version }
                          target="_blank" />