fix: flexdir on mobile

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;
+	}
+}

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",
 					}}