From 3153cff4ff08e81db1e7f2d6dd97209ed70f9429 Mon Sep 17 00:00:00 2001
From: vladislavkeblysh <138868841+vladislavkeblysh@users.noreply.github.com>
Date: Tue, 28 Nov 2023 08:41:06 +0200
Subject: [PATCH] fix: fixed spacing in tablet version (quince.master) (#1107)

---
 .../components/default-layout/MediumLayout.jsx            | 8 +++++---
 .../components/default-layout/SmallLayout.jsx             | 8 +++++---
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/base-container/components/default-layout/MediumLayout.jsx b/src/base-container/components/default-layout/MediumLayout.jsx
index 7a12d9ac..a9f99417 100644
--- a/src/base-container/components/default-layout/MediumLayout.jsx
+++ b/src/base-container/components/default-layout/MediumLayout.jsx
@@ -27,9 +27,11 @@ const MediumLayout = () => {
                   { 'ml-4.5': getConfig().SITE_NAME !== 'edX' },
                 )}
               >
-                <span className="mr-2">{formatMessage(messages['start.learning'])}</span>
-                <span className="text-accent-a d-inline-block">
-                  {formatMessage(messages['with.site.name'], { siteName: getConfig().SITE_NAME })}
+                <span>
+                  {formatMessage(messages['start.learning'])}{' '}
+                  <span className="text-accent-a d-inline-block">
+                    {formatMessage(messages['with.site.name'], { siteName: getConfig().SITE_NAME })}
+                  </span>
                 </span>
               </h1>
             </div>
diff --git a/src/base-container/components/default-layout/SmallLayout.jsx b/src/base-container/components/default-layout/SmallLayout.jsx
index 5a6137b3..b93a7291 100644
--- a/src/base-container/components/default-layout/SmallLayout.jsx
+++ b/src/base-container/components/default-layout/SmallLayout.jsx
@@ -24,9 +24,11 @@ const SmallLayout = () => {
               'text-white mt-3.5 mb-3.5',
             )}
           >
-            <span className="mr-1">{formatMessage(messages['start.learning'])}</span>
-            <span className="text-accent-a d-inline-block">
-              {formatMessage(messages['with.site.name'], { siteName: getConfig().SITE_NAME })}
+            <span>
+              {formatMessage(messages['start.learning'])}{' '}
+              <span className="text-accent-a d-inline-block">
+                {formatMessage(messages['with.site.name'], { siteName: getConfig().SITE_NAME })}
+              </span>
             </span>
           </h1>
         </div>