diff --git a/components/collections/my/Request.vue b/components/collections/my/Request.vue
index fbf8cb844..df4c825e4 100644
--- a/components/collections/my/Request.vue
+++ b/components/collections/my/Request.vue
@@ -53,7 +53,7 @@
             active.folderPath === folderPath &&
             active.requestIndex === requestIndex
           "
-          class="rounded-full bg-green-500 h-1.5 mx-3 w-1.5"
+          class="rounded-full bg-green-500 flex-shrink-0 h-1.5 mx-3 w-1.5"
         ></span>
       </span>
       <div class="flex">
diff --git a/components/collections/teams/Request.vue b/components/collections/teams/Request.vue
index a0b86404f..0bd912651 100644
--- a/components/collections/teams/Request.vue
+++ b/components/collections/teams/Request.vue
@@ -45,7 +45,7 @@
             active.originLocation === 'team-collection' &&
             active.requestID === requestIndex
           "
-          class="rounded-full bg-green-500 h-1.5 mx-3 w-1.5"
+          class="rounded-full bg-green-500 flex-shrink-0 h-1.5 mx-3 w-1.5"
         ></span>
       </span>
       <div class="flex">
diff --git a/pages/documentation.vue b/pages/documentation.vue
index 9c64b3d1c..5da190417 100644
--- a/pages/documentation.vue
+++ b/pages/documentation.vue
@@ -182,12 +182,14 @@ import DocsTemplate from "~/assets/md/docs.md"
 import folderContents from "~/assets/md/folderContents.md"
 import folderBody from "~/assets/md/folderBody.md"
 import { useSetting } from "~/newstore/settings"
+import { useReadonlyStream } from "~/helpers/utils/composables"
 
 export default defineComponent({
   components: { Splitpanes, Pane },
   setup() {
     return {
       RIGHT_SIDEBAR: useSetting("RIGHT_SIDEBAR"),
+      currentUser: useReadonlyStream(currentUser$, null),
     }
   },
   data() {
@@ -196,12 +198,6 @@ export default defineComponent({
       items: [],
       docsMarkdown: "",
       selected: [],
-      currentUser: null,
-    }
-  },
-  subscriptions() {
-    return {
-      currentUser: currentUser$,
     }
   },
   head() {