diff --git a/components/Speaker/speaker.js b/components/Speaker/speaker.js
index 4dcee9b43..0668cc323 100644
--- a/components/Speaker/speaker.js
+++ b/components/Speaker/speaker.js
@@ -7,7 +7,7 @@ function Speaker({details, location, className}) {
 			className={`w-auto text-center flex flex-col items-center card h-auto rounded-md p-[27px] ${className}`}
 			data-test="speakers-section"
 		>
-			<div className='w-[300px] h-[300px] lg:w-[250px] lg:h-[250px] relative overflow-hidden  rounded-full'>
+			<div className='w-[300px] h-[300px] lg:w-[250px] lg:h-[250px] relative overflow-hidden  rounded-full border-2 border-gray-300 bg-gray-800'>
 				<Image src={details.img} alt={details.name} width={0} height={0} sizes='100vw' className='rounded-full object-cover transition-all duration-300 hover:scale-110 w-[100%] h-[100%]' />
 			</div>
 			<div className='mt-[19px]'>
diff --git a/pages/index.js b/pages/index.js
index 36f6e97f1..9bf0e4613 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -167,12 +167,12 @@ export default function Home() {
 			<div id='tickets' className='flex items-center pt-20'>
 				<div className='text-lg sm:text-sm text-white font-semi-bold border-b-2 border-blue-400 mb-1'>Tickets</div>
 			</div>
-			<div data-test="ticket-section">
+			<div data-test="ticket-section" className="flex flex-col items-center ">
 			<Heading typeStyle='heading-md' className='text-gradient text-center lg:mt-10'>
 				Get Tickets
 			</Heading>
 			<div className='max-w-3xl sm:w-full text-center'>
-			<Paragraph typeStyle='body-lg' className="mt-6" textColor='text-gray-200' >
+			<Paragraph typeStyle='body-lg' className="mt-6 " textColor='text-gray-200' >
 			Experience the Future of Asynchronous Communication: Get Tickets for the AsyncAPI Conference on Tour!
 			</Paragraph>
 			</div>