diff --git a/src/components/sections/hero/HeroLogoBillboardSplit.tsx b/src/components/sections/hero/HeroLogoBillboardSplit.tsx
index e12e2eb..49cd0bf 100644
--- a/src/components/sections/hero/HeroLogoBillboardSplit.tsx
+++ b/src/components/sections/hero/HeroLogoBillboardSplit.tsx
@@ -107,8 +107,8 @@ const HeroLogoBillboardSplit = ({
                             />
                         </div>
                         <div className={cls("flex flex-wrap gap-4", buttonContainerClassName)}>
-                            <Button key="learn-more" {...getButtonProps({ text: 'Learn More', href: '#' }, buttons.length, theme.defaultButtonVariant, buttonClassName, buttonTextClassName)} />
                             <Button key="watch-demo" {...getButtonProps({ text: 'Watch Demo', href: '#' }, buttons.length, theme.defaultButtonVariant, buttonClassName, buttonTextClassName)} />
+                            <Button key="learn-more" {...getButtonProps({ text: 'Learn More', href: '#' }, buttons.length, theme.defaultButtonVariant, buttonClassName, buttonTextClassName)} />
                             {buttons.slice(0, 5).map((button, index) => (
                                 <Button key={`${button.text}-${index}`} {...getButtonProps(buttons[buttons.length - 1 - index], index, theme.defaultButtonVariant, buttonClassName, buttonTextClassName)} />
                             ))}