diff --git a/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_variables.scss b/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_variables.scss
index a469b344..feca7d83 100644
--- a/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_variables.scss
+++ b/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_variables.scss
@@ -114,5 +114,6 @@ $colors: (
     --rose-color: #{map-get($colors, "rose")};
     --dark-green-color: #{map-get($colors, "dark-green")};
     --negative-light-color: #{map-get($colors, "negative-light")};
+    --earth-color: #{map-get($colors, "earth")};
     color-scheme: light;
 }
diff --git a/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/variables/_general.scss b/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/variables/_general.scss
index e0fddb39..0085c42c 100644
--- a/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/variables/_general.scss
+++ b/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/variables/_general.scss
@@ -132,7 +132,7 @@ $actionIconBorderRadius: 50%;
 
 /// Scale factor of small component size
 /// @group general
-$scaleSM:0.875;
+$scaleSM:0.750;
 
 /// Scale factor of small large size
 /// @group general
diff --git a/web-app/packages/lib/src/modules/layout/components/SideBarTemplate.vue b/web-app/packages/lib/src/modules/layout/components/SideBarTemplate.vue
index 813e2a79..376a49f3 100644
--- a/web-app/packages/lib/src/modules/layout/components/SideBarTemplate.vue
+++ b/web-app/packages/lib/src/modules/layout/components/SideBarTemplate.vue
@@ -60,7 +60,7 @@ SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-MerginMaps-Commercial
           </ul>
         </nav>
       </div>
-      <footer class="flex flex-column row-gap-3 p-3">
+      <footer class="flex flex-column row-gap-3 p-4">
         <slot name="footer">
           <!-- footer content -->
           <template v-if="userStore.isSuperUser">