diff --git a/client/src/_style/base.scss b/client/src/_style/base.scss
index ef78ee94c..d1dc98fd7 100644
--- a/client/src/_style/base.scss
+++ b/client/src/_style/base.scss
@@ -194,3 +194,17 @@
 .topbar {
 	justify-content: end;
 }
+
+@include media-breakpoint-up(lg) {
+	.session-raise-container {
+		width: 100%;
+		display: flex;
+	}
+}
+@include media-breakpoint-down(md) {
+	.session-raise-container {
+		width: 100%;
+		display: flex;
+		flex-direction: column;
+	}
+}
\ No newline at end of file
diff --git a/client/src/components/sessions/SessionRaiseBreakdown.tsx b/client/src/components/sessions/SessionRaiseBreakdown.tsx
index 1170881e7..d92c74a51 100644
--- a/client/src/components/sessions/SessionRaiseBreakdown.tsx
+++ b/client/src/components/sessions/SessionRaiseBreakdown.tsx
@@ -199,7 +199,7 @@ function SessionScoreStatBreakdown({
 		<>
 			{view === null ? (
 				<div
-					className="d-flex w-100"
+					className="session-raise-container"
 					style={{
 						gap: "20px",
 					}}