diff --git a/src/app/styles/pages-styles.scss b/src/app/styles/pages-styles.scss
index 18f9eee..d1f8674 100644
--- a/src/app/styles/pages-styles.scss
+++ b/src/app/styles/pages-styles.scss
@@ -84,14 +84,12 @@
 
 		&.total-checks,
 		&.total-files {
-			display: grid;
-			grid-template-columns: 1fr 1.5fr;
+			display: flex;
+			justify-content: center;
 			gap: 0 10px;
 
 			.protection-stat-value {
-				justify-self: end;
 				padding-right: 10px;
-				padding-left: 10px;
 			}
 
 			.protection-stat-label {
@@ -103,6 +101,18 @@
 			}
 		}
 
+		&.total-files {
+			flex-direction: row;
+		}
+
+		&.total-checks {
+			flex-direction: column;
+
+			div {
+				width: 110px;
+			}
+		}
+
 		&.total-files.add-content {
 			display: flex;
 			justify-content: center;
@@ -249,7 +259,8 @@
 			justify-content: start;
 			padding-left: 20px;
 			font-weight: 500;
-			border-left: 1px solid v.$b-color-1;;
+			border-left: 1px solid v.$b-color-1;
+			;
 
 			.icon {
 				margin-right: 10px;
@@ -269,11 +280,13 @@
 		}
 
 		&.last-column {
-			border-right: 1px solid v.$b-color-1;;
+			border-right: 1px solid v.$b-color-1;
+			;
 		}
 
 		&.last-row {
-			border-bottom: 1px solid v.$b-color-1;;
+			border-bottom: 1px solid v.$b-color-1;
+			;
 		}
 
 		&.second-row {
diff --git a/src/app/ui/dashboard/protection-overview.tsx b/src/app/ui/dashboard/protection-overview.tsx
index 6ae0c98..da7b402 100644
--- a/src/app/ui/dashboard/protection-overview.tsx
+++ b/src/app/ui/dashboard/protection-overview.tsx
@@ -132,25 +132,28 @@ export default function ProtectionOverview() {
 				{filesInfo?.totalCount ? (
 					<>
 						<div className="protection-stat total-files">
-							<div className="protection-stat-value">
+							<span className="protection-stat-value">
 								{filesInfo?.totalCount ? filesInfo?.totalCount : 0}
-							</div>
-							<div className="protection-stat-label">
+							</span>
+							<span className="protection-stat-label">
 								{pluralizeFiles(filesInfo?.totalCount || 0)}
-							</div>
+							</span>
 						</div>
 						<div className="protection-stat total-checks">
-							<div className="protection-stat-value">
-								{CHECKS}
+							<div>
+								<span className="protection-stat-value">
+									{CHECKS}
+								</span>
+								<span className="protection-stat-label">
+									{pluralizeCheks(CHECKS || 0)}
+								</span>
 							</div>
-							<div className="protection-stat-label">
-								{pluralizeCheks(CHECKS || 0)}
+							<div>
+								<span className="protection-stat-value">{VIOLATIONS}</span>
+								<span className="protection-stat-label">
+									{pluralizeViolations(VIOLATIONS)}
+								</span>
 							</div>
-							<div className="protection-stat-value">{VIOLATIONS}</div>
-							<div className="protection-stat-label">
-								{pluralizeViolations(VIOLATIONS)}
-							</div>
-
 						</div>
 					</>
 				) : (
diff --git a/src/app/ui/marking-page/protection-summary.tsx b/src/app/ui/marking-page/protection-summary.tsx
index 788d101..de90622 100644
--- a/src/app/ui/marking-page/protection-summary.tsx
+++ b/src/app/ui/marking-page/protection-summary.tsx
@@ -93,19 +93,23 @@ export default function ProtectionSummary({ fileType }: { fileType: string }) {
 			<p>{t('current-status-of')}</p>
 			<div className="protection-stats">
 				<div className="protection-stat total-files">
-					<div className="protection-stat-value">{filesInfo?.totalCount ? filesInfo?.totalCount : 0}</div>
-					<div className="protection-stat-label">
+					<span className="protection-stat-value">{filesInfo?.totalCount ? filesInfo?.totalCount : 0}</span>
+					<span className="protection-stat-label">
 						{pluralizeFilesName(filesInfo?.totalCount || 0)}
-					</div>
+					</span>
 				</div>
 				<div className="protection-stat total-checks">
-					<div className="protection-stat-value">{CHECKS}</div>
-					<div className="protection-stat-label">
-						{pluralizeCheks(CHECKS)}
+					<div>
+						<span className="protection-stat-value">{CHECKS}</span>
+						<span className="protection-stat-label">
+							{pluralizeCheks(CHECKS)}
+						</span>
 					</div>
-					<div className="protection-stat-value">{VIOLATIONS}</div>
-					<div className="protection-stat-label">
-						{pluralizeViolations(VIOLATIONS)}
+					<div>
+						<span className="protection-stat-value">{VIOLATIONS}</span>
+						<span className="protection-stat-label">
+							{pluralizeViolations(VIOLATIONS)}
+						</span>
 					</div>
 				</div>
 				<div className="protection-stat total-usage">