diff --git a/packages/theme/src/client/components/NavbarBrand.vue b/packages/theme/src/client/components/NavbarBrand.vue
index 74879a29..cb3901c7 100644
--- a/packages/theme/src/client/components/NavbarBrand.vue
+++ b/packages/theme/src/client/components/NavbarBrand.vue
@@ -63,6 +63,7 @@ const NavbarBrandLogo: FunctionalComponent = () => {
   </RouterLink>
 </template>
 <style lang="scss">
+@import '../styles/variables';
 .navbar-brand {
   display: flex;
   height: 100%;
@@ -73,4 +74,11 @@ const NavbarBrandLogo: FunctionalComponent = () => {
     border-bottom: solid 1px var(--c-border);
   }
 }
+
+@media (max-width: $MQMobile) {
+  .navbar-brand.has-sidebar {
+    width: auto;
+    border-bottom: none;
+  }
+}
 </style>
diff --git a/packages/theme/src/client/components/Page.vue b/packages/theme/src/client/components/Page.vue
index fe11979c..b7ed818d 100644
--- a/packages/theme/src/client/components/Page.vue
+++ b/packages/theme/src/client/components/Page.vue
@@ -98,6 +98,10 @@ const enabledSidebar = computed(() => {
 @media (max-width: $MQMobile) {
   .page-wrapper .page-container .page-content {
     padding: 0 0.75rem 1rem;
+
+    h1 {
+      font-size: 1.5rem;
+    }
   }
   .plume-theme-page-toc {
     display: none;