diff --git a/apps/common/CarouselControls.tsx b/apps/common/CarouselControls.tsx
index 03785f6b..68afa2c1 100644
--- a/apps/common/CarouselControls.tsx
+++ b/apps/common/CarouselControls.tsx
@@ -19,7 +19,7 @@ export function CarouselControls({
 	}
 
 	return (
-		<div className={'hidden w-full justify-center md:flex'}>
+		<div className={'mt-4 hidden w-full justify-center md:flex'}>
 			<div className={'flex gap-x-3'}>
 				{Array(numberOfControls)
 					.fill('')
diff --git a/apps/common/components/AppCard.tsx b/apps/common/components/AppCard.tsx
index 2692ad08..7a7a8b43 100644
--- a/apps/common/components/AppCard.tsx
+++ b/apps/common/components/AppCard.tsx
@@ -16,7 +16,7 @@ export function AppCard(props: TAppCardProps): ReactElement {
 				href={props.app.appURI ?? ''}
 				target={props.app.appURI.startsWith('/') ? '_self' : '_blank'}
 				className={
-					'group relative hidden h-[240px] min-w-[208px] max-w-[208px] overflow-hidden rounded-lg border border-gray-700/50 bg-gray-900 p-6 hover:bg-gray-600/40 md:block'
+					'group relative hidden min-w-[208px] max-w-[208px] overflow-hidden rounded-lg border border-gray-700/50 bg-gray-900 p-6 hover:bg-gray-600/40 md:block'
 				}>
 				<div className={'mb-4'}>
 					<div
@@ -35,12 +35,12 @@ export function AppCard(props: TAppCardProps): ReactElement {
 							className={'size-[80px] rounded-full border border-[#292929]/80 object-contain'}
 						/>
 					) : (
-						<div className={'bg-fallback size-[80px] rounded-full'} />
+						<div className={'size-[80px] rounded-full bg-fallback'} />
 					)}
 				</div>
 				<div className={'mb-1 text-lg font-bold text-white'}>{props.app.name}</div>
 
-				<p className={'max-h-[60px] whitespace-normal text-sm text-gray-400'}>{props.app.description}</p>
+				<p className={'whitespace-normal text-sm text-gray-400'}>{props.app.description}</p>
 			</Link>
 			<Link
 				href={props.app.appURI}
@@ -59,7 +59,7 @@ export function AppCard(props: TAppCardProps): ReactElement {
 							/>
 						</div>
 					) : (
-						<div className={'bg-fallback size-16 rounded-2xl md:rounded-[32px]'} />
+						<div className={'size-16 rounded-2xl bg-fallback md:rounded-[32px]'} />
 					)}
 				</div>
 
diff --git a/apps/common/components/AppsCarousel.tsx b/apps/common/components/AppsCarousel.tsx
index 56aef861..44337c73 100644
--- a/apps/common/components/AppsCarousel.tsx
+++ b/apps/common/components/AppsCarousel.tsx
@@ -13,8 +13,8 @@ export const AppsCarousel = forwardRef(
 		ref: ForwardedRef<HTMLDivElement>
 	): ReactElement => {
 		return (
-			<div className={props.isUsingFeatured ? 'h-[262px]' : 'h-[360px] md:h-[262px]'}>
-				<section className={'absolute left-0 -mx-1 w-full'}>
+			<div>
+				<section className={'left-0 -mx-1 w-full'}>
 					<div
 						className={
 							'pointer-events-none absolute left-0 top-0 z-30 h-[272px] w-1/6 bg-gradient-to-r from-gray-900/0 to-transparent md:h-full'
@@ -29,7 +29,7 @@ export const AppsCarousel = forwardRef(
 						ref={ref}
 						onScroll={props.onScroll}
 						className={cl(
-							'hidden md:flex overflow-x-auto pb-1 pl-[38px] scrollbar-none max-sm:pr-6',
+							'hidden md:flex overflow-x-auto pb-1 pl-1 scrollbar-none max-sm:pr-6',
 							props.isUsingFeatured ? 'gap-x-8' : 'flex-col md:flex-row gap-x-4 overflow-y-hidden'
 						)}>
 						{props.apps?.map((app, i) => {
diff --git a/apps/common/utils/constants.tsx b/apps/common/utils/constants.tsx
index 900e28c5..304c9e9c 100644
--- a/apps/common/utils/constants.tsx
+++ b/apps/common/utils/constants.tsx
@@ -149,7 +149,7 @@ export const INTEGRATIONS_APPS: TApp[] = [
 	},
 	{
 		name: 'Superform',
-		description: 'Earn Yield & Distribute Vaults',
+		description: 'Superform grows your onchain wealth. Earn the best returns on your crypto.',
 		logoURI: 'https://www.superform.xyz/icon.png',
 		appURI: 'https://www.superform.xyz'
 	}