Repaired typo + fix margin

package.json

@@ -3,7 +3,7 @@
 	"version": "0.1.0",
 	"private": true,
 	"scripts": {
-		"dev": "next dev",
+		"dev": "PORT=5005 next dev",
 		"build": "next build",
 		"start": "next start",
 		"lint": "next lint",

src/front/Components/DesignSystem/Typography/index.tsx

@@ -46,7 +46,7 @@ export enum ITypoColor {
 export default class Typography extends React.Component<IProps, IState> {
 	public override render(): JSX.Element {
 		return (
-			<span
+			<div
 				className={classNames(
 					classes["root"],
 					classes[this.props.typo],
@@ -55,7 +55,7 @@ export default class Typography extends React.Component<IProps, IState> {
 				)}
 				title={this.props.title}>
 				{this.props.children}
-			</span>
+			</div>
 		);
 	}
 }

src/front/Components/Layouts/Rib/classes.module.scss

@@ -1,6 +1,10 @@
 @import "@Themes/constants.scss";
 
 .root {
+	@media (max-width: $screen-m) {
+		margin-top: 24px;
+	}
+
 	.title {
 		margin-top: 24px;
 	}

src/front/Components/Layouts/Subscription/SubscriptionFacturation/classes.module.scss

@@ -8,6 +8,10 @@
 	gap: 64px;
 	max-width: 1000px;
 	margin: auto;
+
+	@media (max-width: $screen-m) {
+		margin-top: 24px;
+	}
 	.top-container {
 		display: flex;
 		flex-direction: column;

src/front/Components/Layouts/Subscription/SubscriptionNew/classes.module.scss

@@ -8,6 +8,11 @@
 	gap: 64px;
 	max-width: 1000px;
 	margin: auto;
+
+	@media (max-width: $screen-m) {
+		margin-top: 24px;
+	}
+
 	.top-container {
 		display: flex;
 		flex-direction: column;