diff --git a/src/components/sections/agenda.js b/src/components/sections/agenda.js
index c13c1a2..b2acc6e 100644
--- a/src/components/sections/agenda.js
+++ b/src/components/sections/agenda.js
@@ -184,23 +184,27 @@ function TabList({ agendaData, activeTab, activeDay, toggleTabs }) {
 			>
 				<div className='stage-card-arrow' />
 				<div className='stage-card-container'>
-					<div className='tabe-title'>Galois Stage</div>
-					<div className='flex flex-wrap'>
-						{activeDay === "Day1"
-							? getThemes("day1", "stage1").map((theme) => {
-									return (
-										<div className='tab-tags' style={{ backgroundColor: theme.color }}>
-											{theme.id}
-										</div>
-									);
-							  })
-							: getThemes("day2", "stage1").map((theme) => {
-									return (
-										<div className='tab-tags' style={{ backgroundColor: theme.color }}>
-											{theme.id}
-										</div>
-									);
-							  })}
+					<div className='basis-1/3 sm:basis-1/2 lg:basis-auto'>
+						<div className='tabe-title'>Galois Stage</div>
+					</div>
+					<div className='basis-2/3 sm:basis-1/2 lg:basis-auto'>
+						<div className='flex flex-wrap'>
+							{activeDay === "Day1"
+								? getThemes("day1", "stage1").map((theme) => {
+										return (
+											<div className='tab-tags' style={{ backgroundColor: theme.color }}>
+												{theme.id}
+											</div>
+										);
+								  })
+								: getThemes("day2", "stage1").map((theme) => {
+										return (
+											<div className='tab-tags' style={{ backgroundColor: theme.color }}>
+												{theme.id}
+											</div>
+										);
+								  })}
+						</div>
 					</div>
 				</div>
 			</button>
@@ -210,23 +214,27 @@ function TabList({ agendaData, activeTab, activeDay, toggleTabs }) {
 			>
 				<div className='stage-card-arrow' />
 				<div className='stage-card-container'>
-					<div className='tabe-title'>Fourier Stage</div>
-					<div className='flex flex-wrap'>
-						{activeDay === "Day1"
-							? getThemes("day1", "stage2").map((theme) => {
-									return (
-										<div className='tab-tags' style={{ backgroundColor: theme.color }}>
-											{theme.id}
-										</div>
-									);
-							  })
-							: getThemes("day2", "stage2").map((theme) => {
-									return (
-										<div className='tab-tags' style={{ backgroundColor: theme.color }}>
-											{theme.id}
-										</div>
-									);
-							  })}
+					<div className='basis-1/3 sm:basis-1/2 lg:basis-auto'>
+						<div className='tabe-title'>Fourier Stage</div>
+					</div>
+					<div className='basis-2/3 sm:basis-1/2 lg:basis-auto'>
+						<div className='flex flex-wrap'>
+							{activeDay === "Day1"
+								? getThemes("day1", "stage2").map((theme) => {
+										return (
+											<div className='tab-tags' style={{ backgroundColor: theme.color }}>
+												{theme.id}
+											</div>
+										);
+								  })
+								: getThemes("day2", "stage2").map((theme) => {
+										return (
+											<div className='tab-tags' style={{ backgroundColor: theme.color }}>
+												{theme.id}
+											</div>
+										);
+								  })}
+						</div>
 					</div>
 				</div>
 			</button>
@@ -234,23 +242,27 @@ function TabList({ agendaData, activeTab, activeDay, toggleTabs }) {
 			<button className={`stage-card ${activeTab === "Tab3" && "selected"}`} onClick={() => toggleTabs("Tab3")}>
 				<div className='stage-card-arrow' />
 				<div className='stage-card-container'>
-					<div className='tabe-title'>Cauchy Stage</div>
-					<div className='flex flex-wrap'>
-						{activeDay === "Day1"
-							? getThemes("day1", "stage3").map((theme) => {
-									return (
-										<div className='tab-tags' style={{ backgroundColor: theme.color }}>
-											{theme.id}
-										</div>
-									);
-							  })
-							: getThemes("day2", "stage3").map((theme) => {
-									return (
-										<div className='tab-tags' style={{ backgroundColor: theme.color }}>
-											{theme.id}
-										</div>
-									);
-							  })}
+					<div className='basis-1/3 sm:basis-1/2 lg:basis-auto'>
+						<div className='tabe-title'>Cauchy Stage</div>
+					</div>
+					<div className='basis-2/3 sm:basis-1/2 lg:basis-auto'>
+						<div className='flex flex-wrap'>
+							{activeDay === "Day1"
+								? getThemes("day1", "stage3").map((theme) => {
+										return (
+											<div className='tab-tags' style={{ backgroundColor: theme.color }}>
+												{theme.id}
+											</div>
+										);
+								  })
+								: getThemes("day2", "stage3").map((theme) => {
+										return (
+											<div className='tab-tags' style={{ backgroundColor: theme.color }}>
+												{theme.id}
+											</div>
+										);
+								  })}
+						</div>
 					</div>
 				</div>
 			</button>
diff --git a/src/components/sections/agenda.scss b/src/components/sections/agenda.scss
index f4e9057..893fa4c 100644
--- a/src/components/sections/agenda.scss
+++ b/src/components/sections/agenda.scss
@@ -191,9 +191,11 @@
 		text-transform: uppercase;
 		border-radius: 5px;
 		padding: 8px 10px;
-		margin-right: 6px;
+		margin-right: 3px;
+		margin-top: 3px;
 		@media (min-width: $md) {
 			margin-top: 8px;
+			margin-right: 6px;
 		}
 	}