diff --git a/components/app/AppBreadcrumb.vue b/components/app/AppBreadcrumb.vue
index 64e1cef00bdf8bf3890823264925536214769989..027909fad309457f4d225475edd1f6a9ffc9b4a2 100644
--- a/components/app/AppBreadcrumb.vue
+++ b/components/app/AppBreadcrumb.vue
@@ -3,7 +3,7 @@
     <ol class="list-none p-0 inline-flex">
       <a
         v-if="back"
-        class="group py-2"
+        class="group py-2 whitespace-nowrap flex items-center"
         href="#"
         :class="items.length && 'pr-4 border-r mr-4'"
         @click="$router.back()"
diff --git a/components/page/PageContainer.vue b/components/page/PageContainer.vue
index 691349d15b2508ed1975988cf84746b201fb5dd0..4f598b3ec25a06605004bc2960d3e8d9ece7bf57 100644
--- a/components/page/PageContainer.vue
+++ b/components/page/PageContainer.vue
@@ -4,10 +4,12 @@
       <PageHeader :document="document" />
     </slot>
 
-    <div class="flex justify-between">
+    <div class="block justify-between lg:flex">
       <nuxt-content :document="document" class="w-full prose dark:prose-dark" />
 
-      <div class="sticky h-full top-12 w-1/4 ml-12">
+      <div
+        class="sticky h-full top-12 lg:w-1/4 lg:ml-12 mt-8 lg:mt-0 border-t pt-8 lg:pt-0 lg:border-none"
+      >
         <PageToc v-if="toc" :document="document" class="mb-8" />
         <slot name="sidebar" />
       </div>