diff --git a/src/routes/Settings.tsx b/src/routes/Settings.tsx
index eaff01b8b..91e5eef61 100644
--- a/src/routes/Settings.tsx
+++ b/src/routes/Settings.tsx
@@ -89,7 +89,7 @@ export const SettingsRoute: React.FC = () => {
       className="flex flex-1 flex-col dark:bg-gray-dark dark:text-white"
       data-testid="settings"
     >
-      <div className="flex justify-between items-center mt-4 py-2 mx-8">
+      <div className="flex justify-between items-center mt-2 py-2 mx-8">
         <button
           className="focus:outline-none"
           title="Go Back"
@@ -172,7 +172,7 @@ export const SettingsRoute: React.FC = () => {
         )}
       </div>
 
-      <div className="flex justify-between items-center bg-gray-200 dark:bg-gray-darker py-4 px-8">
+      <div className="flex justify-between items-center bg-gray-200 dark:bg-gray-darker py-1 px-8">
         <small
           className="font-semibold cursor-pointer"
           title="View release notes"
diff --git a/src/routes/__snapshots__/Settings.test.tsx.snap b/src/routes/__snapshots__/Settings.test.tsx.snap
index 272f9be48..c30c3ce62 100644
--- a/src/routes/__snapshots__/Settings.test.tsx.snap
+++ b/src/routes/__snapshots__/Settings.test.tsx.snap
@@ -34,7 +34,7 @@ exports[`routes/Settings.tsx should render itself & its children 1`] = `
   data-testid="settings"
 >
   <div
-    class="flex justify-between items-center mt-4 py-2 mx-8"
+    class="flex justify-between items-center mt-2 py-2 mx-8"
   >
     <button
       class="focus:outline-none"
@@ -278,7 +278,7 @@ exports[`routes/Settings.tsx should render itself & its children 1`] = `
     </div>
   </div>
   <div
-    class="flex justify-between items-center bg-gray-200 dark:bg-gray-darker py-4 px-8"
+    class="flex justify-between items-center bg-gray-200 dark:bg-gray-darker py-1 px-8"
   >
     <small
       class="font-semibold cursor-pointer"