diff --git a/apps/sim/app/(landing)/components/hero/hero.tsx b/apps/sim/app/(landing)/components/hero/hero.tsx
index 546dc47627..1b4389cc31 100644
--- a/apps/sim/app/(landing)/components/hero/hero.tsx
+++ b/apps/sim/app/(landing)/components/hero/hero.tsx
@@ -425,26 +425,13 @@ export default function Hero() {
             key={isEmpty ? 'empty' : 'filled'}
             type='button'
             aria-label='Submit description'
-            className='absolute right-2.5 bottom-4 flex h-[30px] w-[30px] items-center justify-center transition-all duration-200 sm:right-[11px] sm:bottom-[16px] sm:h-[34px] sm:w-[34px]'
+            className={`absolute right-2.5 bottom-4 flex h-[30px] w-[30px] items-center justify-center rounded-full p-1 transition-all duration-200 sm:right-[11px] sm:bottom-[16px] sm:h-[34px] sm:w-[34px] ${
+              isEmpty
+                ? 'cursor-not-allowed border border-[#E0E0E0] bg-[#E5E5E5]'
+                : 'cursor-pointer border border-[#343434] bg-gradient-to-b from-[#060606] to-[#323232] shadow-[inset_0_1.25px_2.5px_0_#9B77FF] hover:opacity-90'
+            }`}
             disabled={isEmpty}
             onClick={handleSubmit}
-            style={{
-              padding: '3.75px 3.438px 3.75px 4.063px',
-              borderRadius: 55,
-              ...(isEmpty
-                ? {
-                    border: '0.625px solid #E0E0E0',
-                    background: '#E5E5E5',
-                    boxShadow: 'none',
-                    cursor: 'not-allowed',
-                  }
-                : {
-                    border: '0.625px solid #343434',
-                    background: 'linear-gradient(180deg, #060606 0%, #323232 100%)',
-                    boxShadow: '0 1.25px 2.5px 0 #9B77FF inset',
-                    cursor: 'pointer',
-                  }),
-            }}
           >
             <ArrowUp size={18} className='sm:h-5 sm:w-5' color={isEmpty ? '#999999' : '#FFFFFF'} />
           </button>
diff --git a/apps/sim/app/(landing)/components/landing-pricing/landing-pricing.tsx b/apps/sim/app/(landing)/components/landing-pricing/landing-pricing.tsx
index e6aa6d6f84..3f9dd02be8 100644
--- a/apps/sim/app/(landing)/components/landing-pricing/landing-pricing.tsx
+++ b/apps/sim/app/(landing)/components/landing-pricing/landing-pricing.tsx
@@ -186,7 +186,7 @@ function PricingCard({
               onClick={handleCtaClick}
               onMouseEnter={() => setIsHovered(true)}
               onMouseLeave={() => setIsHovered(false)}
-              className='group inline-flex w-full items-center justify-center gap-2 rounded-[10px] border border-[#E8E8E8] bg-gradient-to-b from-[#F8F8F8] to-white px-3 py-[6px] font-medium text-[#6F3DFA] text-[14px] shadow-[inset_0_2px_4px_0_rgba(255,255,255,0.9)] transition-all'
+              className='group inline-flex w-full items-center justify-center gap-2 rounded-[10px] border border-[#E8E8E8] bg-gradient-to-b from-[#F8F8F8] to-white px-3 py-[6px] font-medium text-[#6F3DFA] text-[14px] shadow-[inset_0_2px_4px_0_rgba(255,255,255,0.9)] transition-all hover:opacity-90'
             >
               <span className='flex items-center gap-1'>
                 {tier.ctaText}
@@ -204,7 +204,7 @@ function PricingCard({
               onClick={handleCtaClick}
               onMouseEnter={() => setIsHovered(true)}
               onMouseLeave={() => setIsHovered(false)}
-              className='group inline-flex w-full items-center justify-center gap-2 rounded-[10px] border border-[#343434] bg-gradient-to-b from-[#060606] to-[#323232] px-3 py-[6px] font-medium text-[14px] text-white shadow-[inset_0_1.25px_2.5px_0_#9B77FF] transition-all'
+              className='group inline-flex w-full items-center justify-center gap-2 rounded-[10px] border border-[#343434] bg-gradient-to-b from-[#060606] to-[#323232] px-3 py-[6px] font-medium text-[14px] text-white shadow-[inset_0_1.25px_2.5px_0_#9B77FF] transition-all hover:opacity-90'
             >
               <span className='flex items-center gap-1'>
                 {tier.ctaText}