diff --git a/apps/ui/src/components/Layout/App.vue b/apps/ui/src/components/Layout/App.vue
index 952f18b93..3010f5992 100644
--- a/apps/ui/src/components/Layout/App.vue
+++ b/apps/ui/src/components/Layout/App.vue
@@ -67,10 +67,6 @@ const hasTopNav = computed(() => {
   return 'space-editor' !== String(route.matched[1]?.name);
 });
 
-const bottomPadding = computed(
-  () => !['space-proposal-votes'].includes(String(route.name))
-);
-
 async function handleTransactionAccept() {
   if (
     !walletConnectSpaceKey.value ||
@@ -165,7 +161,7 @@ router.afterEach(() => {
     :class="{ 'overflow-clip': scrollDisabled }"
   >
     <UiLoading v-if="app.loading || !app.init" class="overlay big" />
-    <div v-else :class="['flex min-h-screen', { 'pb-6': bottomPadding }]">
+    <div v-else :class="['flex min-h-screen']">
       <AppBottomNav
         v-if="web3.account && !isWhiteLabel"
         :class="[
@@ -209,7 +205,7 @@ router.afterEach(() => {
       />
       <main class="flex-auto w-full flex">
         <div class="flex-auto w-0 mt-[72px]">
-          <router-view />
+          <router-view class="pb-6" />
         </div>
         <div
           v-if="hasPlaceHolderSidebar"
diff --git a/apps/ui/src/views/My/Explore.vue b/apps/ui/src/views/My/Explore.vue
index f685e7a64..95a4904a1 100644
--- a/apps/ui/src/views/My/Explore.vue
+++ b/apps/ui/src/views/My/Explore.vue
@@ -144,70 +144,72 @@ onMounted(() => {
 </script>
 
 <template>
-  <div class="flex justify-between p-4 gap-2 gap-y-3 flex-row">
-    <div class="flex flex-row flex-wrap gap-2">
-      <UiSelectDropdown
-        v-model="protocol"
-        class="min-h-[46px]"
-        title="Protocol"
-        gap="12"
-        placement="start"
-        :items="protocols"
-      />
-      <Combobox
-        v-model="network"
-        class="mb-0"
-        inline
-        :gap="12"
-        :definition="{
-          type: 'string',
-          title: 'Network',
-          enum: networks.map(c => c.id),
-          options: networks
-        }"
-      />
-      <UiSelectDropdown
-        v-if="protocol === 'snapshot'"
-        v-model="category"
-        class="min-h-[46px]"
-        title="Category"
-        gap="12"
-        placement="start"
-        :items="categories"
-      />
-    </div>
-    <UiTooltip title="Create new space">
-      <UiButton
-        :to="
-          protocol === 'snapshot' ? 'https://snapshot.org/#/setup' : 'create'
-        "
-        class="!px-0 w-[46px]"
-      >
-        <IH-plus-sm />
-      </UiButton>
-    </UiTooltip>
-  </div>
   <div>
-    <UiLabel label="Spaces" sticky />
-    <UiLoading v-if="spacesStore.loading" class="block m-4" />
-    <div v-else-if="spacesStore.loaded">
-      <UiContainerInfiniteScroll
-        v-if="spacesStore.explorePageSpaces.length"
-        :loading-more="spacesStore.loadingMore"
-        class="justify-center max-w-screen-md 2xl:max-w-screen-xl 3xl:max-w-screen-2xl mx-auto p-4 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-explore-3 2xl:grid-cols-explore-4 3xl:grid-cols-explore-5 gap-3"
-        @end-reached="
-          spacesStore.fetchMore({ searchQuery: route.query.q as string })
-        "
-      >
-        <SpacesListItem
-          v-for="space in spacesStore.explorePageSpaces"
-          :key="space.id"
-          :space="space"
+    <div class="flex justify-between p-4 gap-2 gap-y-3 flex-row">
+      <div class="flex flex-row flex-wrap gap-2">
+        <UiSelectDropdown
+          v-model="protocol"
+          class="min-h-[46px]"
+          title="Protocol"
+          gap="12"
+          placement="start"
+          :items="protocols"
+        />
+        <Combobox
+          v-model="network"
+          class="mb-0"
+          inline
+          :gap="12"
+          :definition="{
+            type: 'string',
+            title: 'Network',
+            enum: networks.map(c => c.id),
+            options: networks
+          }"
         />
-      </UiContainerInfiniteScroll>
-      <div v-else class="px-4 py-3 flex items-center space-x-2">
-        <IH-exclamation-circle class="inline-block shrink-0" />
-        <span>No results found for your search</span>
+        <UiSelectDropdown
+          v-if="protocol === 'snapshot'"
+          v-model="category"
+          class="min-h-[46px]"
+          title="Category"
+          gap="12"
+          placement="start"
+          :items="categories"
+        />
+      </div>
+      <UiTooltip title="Create new space">
+        <UiButton
+          :to="
+            protocol === 'snapshot' ? 'https://snapshot.org/#/setup' : 'create'
+          "
+          class="!px-0 w-[46px]"
+        >
+          <IH-plus-sm />
+        </UiButton>
+      </UiTooltip>
+    </div>
+    <div>
+      <UiLabel label="Spaces" sticky />
+      <UiLoading v-if="spacesStore.loading" class="block m-4" />
+      <div v-else-if="spacesStore.loaded">
+        <UiContainerInfiniteScroll
+          v-if="spacesStore.explorePageSpaces.length"
+          :loading-more="spacesStore.loadingMore"
+          class="justify-center max-w-screen-md 2xl:max-w-screen-xl 3xl:max-w-screen-2xl mx-auto p-4 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-explore-3 2xl:grid-cols-explore-4 3xl:grid-cols-explore-5 gap-3"
+          @end-reached="
+            spacesStore.fetchMore({ searchQuery: route.query.q as string })
+          "
+        >
+          <SpacesListItem
+            v-for="space in spacesStore.explorePageSpaces"
+            :key="space.id"
+            :space="space"
+          />
+        </UiContainerInfiniteScroll>
+        <div v-else class="px-4 py-3 flex items-center space-x-2">
+          <IH-exclamation-circle class="inline-block shrink-0" />
+          <span>No results found for your search</span>
+        </div>
       </div>
     </div>
   </div>
diff --git a/apps/ui/src/views/My/Home.vue b/apps/ui/src/views/My/Home.vue
index eb188a4fb..6a4eb99a4 100644
--- a/apps/ui/src/views/My/Home.vue
+++ b/apps/ui/src/views/My/Home.vue
@@ -125,48 +125,50 @@ onUnmounted(() => {
 </script>
 
 <template>
-  <Onboarding />
-  <div class="flex justify-between">
-    <div class="flex flex-row p-4 space-x-2">
-      <UiSelectDropdown
-        v-model="state"
-        title="Status"
-        gap="12"
-        placement="start"
-        :items="[
-          {
-            key: 'any',
-            label: 'Any'
-          },
-          {
-            key: 'pending',
-            label: 'Pending',
-            component: ProposalIconStatus,
-            componentProps: { ...selectIconBaseProps, state: 'pending' }
-          },
-          {
-            key: 'active',
-            label: 'Active',
-            component: ProposalIconStatus,
-            componentProps: { ...selectIconBaseProps, state: 'active' }
-          },
-          {
-            key: 'closed',
-            label: 'Closed',
-            component: ProposalIconStatus,
-            componentProps: { ...selectIconBaseProps, state: 'passed' }
-          }
-        ]"
-      />
+  <div>
+    <Onboarding />
+    <div class="flex justify-between">
+      <div class="flex flex-row p-4 space-x-2">
+        <UiSelectDropdown
+          v-model="state"
+          title="Status"
+          gap="12"
+          placement="start"
+          :items="[
+            {
+              key: 'any',
+              label: 'Any'
+            },
+            {
+              key: 'pending',
+              label: 'Pending',
+              component: ProposalIconStatus,
+              componentProps: { ...selectIconBaseProps, state: 'pending' }
+            },
+            {
+              key: 'active',
+              label: 'Active',
+              component: ProposalIconStatus,
+              componentProps: { ...selectIconBaseProps, state: 'active' }
+            },
+            {
+              key: 'closed',
+              label: 'Closed',
+              component: ProposalIconStatus,
+              componentProps: { ...selectIconBaseProps, state: 'passed' }
+            }
+          ]"
+        />
+      </div>
     </div>
+    <ProposalsList
+      title="Proposals"
+      limit="off"
+      :loading="!followedSpacesStore.followedSpacesLoaded || !loaded"
+      :loading-more="loadingMore"
+      :proposals="proposals"
+      show-space
+      @end-reached="handleEndReached"
+    />
   </div>
-  <ProposalsList
-    title="Proposals"
-    limit="off"
-    :loading="!followedSpacesStore.followedSpacesLoaded || !loaded"
-    :loading-more="loadingMore"
-    :proposals="proposals"
-    show-space
-    @end-reached="handleEndReached"
-  />
 </template>
diff --git a/apps/ui/src/views/Proposal.vue b/apps/ui/src/views/Proposal.vue
index a2621f139..a0f6427fa 100644
--- a/apps/ui/src/views/Proposal.vue
+++ b/apps/ui/src/views/Proposal.vue
@@ -58,6 +58,10 @@ const currentVote = computed(
     votes.value[`${proposal.value.network}:${proposal.value.id}`]
 );
 
+const withoutBottomPadding = computed(
+  () => 'space-proposal-votes' === String(route.name)
+);
+
 async function handleVoteClick(choice: Choice) {
   if (!web3.value.account) {
     modalAccountOpen.value = true;
@@ -126,7 +130,12 @@ watchEffect(() => {
 </script>
 
 <template>
-  <div class="flex items-stretch md:flex-row flex-col w-full md:h-full">
+  <div
+    :class="[
+      'flex items-stretch md:flex-row flex-col w-full md:h-full',
+      { '!pb-0': withoutBottomPadding }
+    ]"
+  >
     <UiLoading v-if="!proposal" class="ml-4 mt-3" />
     <template v-else>
       <div class="flex-1 grow min-w-0">
@@ -203,7 +212,10 @@ watchEffect(() => {
       <Affix
         :class="[
           'shrink-0 md:w-[340px] border-l-0 md:border-l',
-          { 'hidden md:block': route.name === 'space-proposal-votes' }
+          {
+            'hidden md:block': route.name === 'space-proposal-votes',
+            '-mb-6': !withoutBottomPadding
+          }
         ]"
         :top="72"
         :bottom="64"
diff --git a/apps/ui/src/views/Proposal/Votes.vue b/apps/ui/src/views/Proposal/Votes.vue
index 105c57d70..4edbbf8a2 100644
--- a/apps/ui/src/views/Proposal/Votes.vue
+++ b/apps/ui/src/views/Proposal/Votes.vue
@@ -190,7 +190,7 @@ watch([sortBy, choiceFilter], () => {
           @end-reached="handleEndReached"
         >
           <template #loading>
-            <UiLoading class="px-4 py-3 block absolute" />
+            <UiLoading class="px-4 py-3 block" />
           </template>
           <div
             v-for="(vote, i) in votes"
diff --git a/apps/ui/src/views/Settings/Contacts.vue b/apps/ui/src/views/Settings/Contacts.vue
index ecf17edf4..0abdae008 100644
--- a/apps/ui/src/views/Settings/Contacts.vue
+++ b/apps/ui/src/views/Settings/Contacts.vue
@@ -72,12 +72,12 @@ function handleContactEdit(contact) {
       <IH-exclamation-circle />
       <span v-text="'There are no contacts here.'" />
     </div>
+    <teleport to="#modal">
+      <ModalEditContact
+        :open="modalOpen.editContact"
+        :initial-state="modalState.editContact"
+        @close="modalOpen.editContact = false"
+      />
+    </teleport>
   </div>
-  <teleport to="#modal">
-    <ModalEditContact
-      :open="modalOpen.editContact"
-      :initial-state="modalState.editContact"
-      @close="modalOpen.editContact = false"
-    />
-  </teleport>
 </template>
diff --git a/apps/ui/src/views/Settings/Spaces.vue b/apps/ui/src/views/Settings/Spaces.vue
index 53265424c..209d746ed 100644
--- a/apps/ui/src/views/Settings/Spaces.vue
+++ b/apps/ui/src/views/Settings/Spaces.vue
@@ -56,45 +56,47 @@ watch(
 </script>
 
 <template>
-  <div class="flex justify-between p-4 gap-2 gap-y-3 flex-row">
-    <div class="flex flex-row space-x-2">
-      <UiSelectDropdown
-        v-model="spacesStore.protocol"
-        title="Protocol"
-        gap="12"
-        placement="start"
-        :items="protocols"
-      />
+  <div>
+    <div class="flex justify-between p-4 gap-2 gap-y-3 flex-row">
+      <div class="flex flex-row space-x-2">
+        <UiSelectDropdown
+          v-model="spacesStore.protocol"
+          title="Protocol"
+          gap="12"
+          placement="start"
+          :items="protocols"
+        />
+      </div>
+      <UiTooltip title="Create new space">
+        <UiButton
+          :to="
+            spacesStore.protocol === 'snapshot'
+              ? 'https://snapshot.org/#/setup'
+              : 'create'
+          "
+          class="!px-0 w-[46px]"
+        >
+          <IH-plus-sm />
+        </UiButton>
+      </UiTooltip>
     </div>
-    <UiTooltip title="Create new space">
-      <UiButton
-        :to="
-          spacesStore.protocol === 'snapshot'
-            ? 'https://snapshot.org/#/setup'
-            : 'create'
-        "
-        class="!px-0 w-[46px]"
-      >
-        <IH-plus-sm />
-      </UiButton>
-    </UiTooltip>
-  </div>
-  <UiLabel label="My spaces" sticky />
-  <UiLoading v-if="loading" class="block m-4" />
-  <UiContainer
-    v-else-if="spacesStore.explorePageSpaces.length"
-    class="!max-w-screen-md pt-5"
-  >
-    <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-3 mb-3">
-      <SpacesListItem
-        v-for="space in spacesStore.explorePageSpaces"
-        :key="space.id"
-        :space="space"
-      />
+    <UiLabel label="My spaces" sticky />
+    <UiLoading v-if="loading" class="block m-4" />
+    <UiContainer
+      v-else-if="spacesStore.explorePageSpaces.length"
+      class="!max-w-screen-md pt-5"
+    >
+      <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-3 mb-3">
+        <SpacesListItem
+          v-for="space in spacesStore.explorePageSpaces"
+          :key="space.id"
+          :space="space"
+        />
+      </div>
+    </UiContainer>
+    <div v-else class="px-4 py-3 flex items-center space-x-2">
+      <IH-exclamation-circle class="inline-block shrink-0" />
+      <span v-text="'There are no spaces here.'" />
     </div>
-  </UiContainer>
-  <div v-else class="px-4 py-3 flex items-center space-x-2">
-    <IH-exclamation-circle class="inline-block shrink-0" />
-    <span v-text="'There are no spaces here.'" />
   </div>
 </template>
diff --git a/apps/ui/src/views/Space/Delegates.vue b/apps/ui/src/views/Space/Delegates.vue
index 8f0caec1b..4d174f955 100644
--- a/apps/ui/src/views/Space/Delegates.vue
+++ b/apps/ui/src/views/Space/Delegates.vue
@@ -21,7 +21,7 @@ watchEffect(() => setTitle(`Delegates - ${props.space.name}`));
     <IH-exclamation-circle class="inline-block" />
     <span>No delegations configured.</span>
   </div>
-  <template v-else>
+  <div v-else>
     <UiScrollerHorizontal
       v-if="space.delegations.length > 1"
       class="z-40 sticky top-[71px] lg:top-[72px]"
@@ -48,5 +48,5 @@ watchEffect(() => setTitle(`Delegates - ${props.space.name}`));
       :space="space"
       :delegation="delegateData"
     />
-  </template>
+  </div>
 </template>
diff --git a/apps/ui/src/views/Space/Leaderboard.vue b/apps/ui/src/views/Space/Leaderboard.vue
index 33ee7dcff..8c8f3f1ae 100644
--- a/apps/ui/src/views/Space/Leaderboard.vue
+++ b/apps/ui/src/views/Space/Leaderboard.vue
@@ -112,97 +112,106 @@ watchEffect(() => setTitle(`Leaderboard - ${props.space.name}`));
 </script>
 
 <template>
-  <UiLabel label="Leaderboard" sticky />
-  <div
-    class="bg-skin-bg sticky top-[112px] lg:top-[113px] z-40 border-b w-full flex font-medium space-x-1"
-  >
-    <div class="pl-4 w-[40%] lg:w-[50%] flex items-center truncate">User</div>
-    <button
-      type="button"
-      class="flex w-[30%] lg:w-[25%] items-center justify-end hover:text-skin-link space-x-1 truncate"
-      @click="handleSortChange('proposal_count')"
-    >
-      <span class="truncate">Proposals</span>
-      <IH-arrow-sm-down
-        v-if="sortBy === 'proposal_count-desc'"
-        class="shrink-0"
-      />
-      <IH-arrow-sm-up
-        v-else-if="sortBy === 'proposal_count-asc'"
-        class="shrink-0"
-      />
-    </button>
-    <button
-      type="button"
-      class="flex justify-end items-center hover:text-skin-link pr-4 w-[30%] lg:w-[25%] space-x-1 truncate"
-      @click="handleSortChange('vote_count')"
-    >
-      <span class="truncate">Votes</span>
-      <IH-arrow-sm-down v-if="sortBy === 'vote_count-desc'" class="shrink-0" />
-      <IH-arrow-sm-up
-        v-else-if="sortBy === 'vote_count-asc'"
-        class="shrink-0"
-      />
-    </button>
-  </div>
-  <UiLoading v-if="!loaded" class="px-4 py-3 block" />
-  <template v-else>
+  <div>
+    <UiLabel label="Leaderboard" sticky />
     <div
-      v-if="failed || users.length === 0"
-      class="px-4 py-3 flex items-center space-x-2"
+      class="bg-skin-bg sticky top-[112px] lg:top-[113px] z-40 border-b w-full flex font-medium space-x-1"
     >
-      <IH-exclamation-circle class="inline-block" />
-      <span v-if="failed">Failed to load the leaderboard.</span>
-      <span v-else-if="users.length === 0">
-        This space does not have any activities yet.
-      </span>
+      <div class="pl-4 w-[40%] lg:w-[50%] flex items-center truncate">User</div>
+      <button
+        type="button"
+        class="flex w-[30%] lg:w-[25%] items-center justify-end hover:text-skin-link space-x-1 truncate"
+        @click="handleSortChange('proposal_count')"
+      >
+        <span class="truncate">Proposals</span>
+        <IH-arrow-sm-down
+          v-if="sortBy === 'proposal_count-desc'"
+          class="shrink-0"
+        />
+        <IH-arrow-sm-up
+          v-else-if="sortBy === 'proposal_count-asc'"
+          class="shrink-0"
+        />
+      </button>
+      <button
+        type="button"
+        class="flex justify-end items-center hover:text-skin-link pr-4 w-[30%] lg:w-[25%] space-x-1 truncate"
+        @click="handleSortChange('vote_count')"
+      >
+        <span class="truncate">Votes</span>
+        <IH-arrow-sm-down
+          v-if="sortBy === 'vote_count-desc'"
+          class="shrink-0"
+        />
+        <IH-arrow-sm-up
+          v-else-if="sortBy === 'vote_count-asc'"
+          class="shrink-0"
+        />
+      </button>
     </div>
-    <UiContainerInfiniteScroll
-      :loading-more="loadingMore"
-      @end-reached="handleEndReached"
-    >
-      <div v-for="(user, i) in users" :key="i" class="border-b flex space-x-1">
+    <UiLoading v-if="!loaded" class="px-4 py-3 block" />
+    <template v-else>
+      <div
+        v-if="failed || users.length === 0"
+        class="px-4 py-3 flex items-center space-x-2"
+      >
+        <IH-exclamation-circle class="inline-block" />
+        <span v-if="failed">Failed to load the leaderboard.</span>
+        <span v-else-if="users.length === 0">
+          This space does not have any activities yet.
+        </span>
+      </div>
+      <UiContainerInfiniteScroll
+        :loading-more="loadingMore"
+        @end-reached="handleEndReached"
+      >
         <div
-          class="flex items-center pl-4 py-3 gap-x-3 leading-[22px] w-[40%] lg:w-[50%] truncate"
+          v-for="(user, i) in users"
+          :key="i"
+          class="border-b flex space-x-1"
         >
-          <UiStamp :id="user.id" :size="32" />
-          <AppLink
-            :to="{
-              name: 'space-user-statement',
-              params: { space: `${space.network}:${space.id}`, user: user.id }
-            }"
-            class="overflow-hidden"
+          <div
+            class="flex items-center pl-4 py-3 gap-x-3 leading-[22px] w-[40%] lg:w-[50%] truncate"
           >
-            <h4
-              class="text-skin-link truncate"
-              v-text="user.name || shorten(user.id)"
-            />
-            <div
-              class="text-[17px] text-skin-text truncate"
-              v-text="shorten(user.id)"
-            />
-          </AppLink>
-        </div>
-        <div
-          class="flex flex-col items-end justify-center leading-[22px] w-[30%] lg:w-[25%] truncate"
-        >
-          <h4 class="text-skin-link" v-text="_n(user.proposal_count)" />
-          <div class="text-[17px]">
-            {{ _p(user.proposal_count / space.proposal_count) }}
+            <UiStamp :id="user.id" :size="32" />
+            <AppLink
+              :to="{
+                name: 'space-user-statement',
+                params: { space: `${space.network}:${space.id}`, user: user.id }
+              }"
+              class="overflow-hidden"
+            >
+              <h4
+                class="text-skin-link truncate"
+                v-text="user.name || shorten(user.id)"
+              />
+              <div
+                class="text-[17px] text-skin-text truncate"
+                v-text="shorten(user.id)"
+              />
+            </AppLink>
           </div>
-        </div>
-        <div
-          class="flex flex-col items-end justify-center pr-4 leading-[22px] w-[30%] lg:w-[25%] truncate"
-        >
-          <h4 class="text-skin-link" v-text="_n(user.vote_count)" />
-          <div class="text-[17px]">
-            {{ _p(user.vote_count / space.proposal_count) }}
+          <div
+            class="flex flex-col items-end justify-center leading-[22px] w-[30%] lg:w-[25%] truncate"
+          >
+            <h4 class="text-skin-link" v-text="_n(user.proposal_count)" />
+            <div class="text-[17px]">
+              {{ _p(user.proposal_count / space.proposal_count) }}
+            </div>
+          </div>
+          <div
+            class="flex flex-col items-end justify-center pr-4 leading-[22px] w-[30%] lg:w-[25%] truncate"
+          >
+            <h4 class="text-skin-link" v-text="_n(user.vote_count)" />
+            <div class="text-[17px]">
+              {{ _p(user.vote_count / space.proposal_count) }}
+            </div>
           </div>
         </div>
-      </div>
-      <template #loading>
-        <UiLoading class="px-4 py-3 block" />
-      </template>
-    </UiContainerInfiniteScroll>
-  </template>
+        <template #loading>
+          <UiLoading class="px-4 py-3 block" />
+        </template>
+      </UiContainerInfiniteScroll>
+    </template>
+  </div>
 </template>
diff --git a/apps/ui/src/views/Space/Settings.vue b/apps/ui/src/views/Space/Settings.vue
index 31ea59f3f..998e2279e 100644
--- a/apps/ui/src/views/Space/Settings.vue
+++ b/apps/ui/src/views/Space/Settings.vue
@@ -312,7 +312,7 @@ watchEffect(() => setTitle(`Edit settings - ${props.space.name}`));
   </div>
   <div
     v-else
-    class="space-y-4 pb-8"
+    class="space-y-4 pb-[100px]"
     :class="{
       'mx-4 max-w-[592px]': activeTab !== 'profile'
     }"
diff --git a/apps/ui/src/views/Space/Treasury.vue b/apps/ui/src/views/Space/Treasury.vue
index 10d430397..2236b441d 100644
--- a/apps/ui/src/views/Space/Treasury.vue
+++ b/apps/ui/src/views/Space/Treasury.vue
@@ -49,42 +49,44 @@ watchEffect(() => {
 </script>
 
 <template>
-  <UiScrollerHorizontal
-    v-if="props.space.treasuries.length !== 1"
-    ref="treasuriesList"
-    class="z-40 sticky top-[71px] lg:top-[72px]"
-    with-buttons
-    gradient="xxl"
-  >
-    <div class="flex px-4 space-x-3 bg-skin-bg border-b min-w-max">
-      <AppLink
-        v-for="(treasury, i) in props.space.treasuries"
-        :key="i"
-        :to="{
-          name: 'space-treasury',
-          params: {
-            index: i + 1,
-            tab: 'tokens'
-          }
-        }"
-        :aria-active="activeTreasuryId === i"
-      >
-        <UiLink
-          :is-active="activeTreasuryId === i"
-          :text="treasury.name || shorten(treasury.address)"
-        />
-      </AppLink>
+  <div>
+    <UiScrollerHorizontal
+      v-if="props.space.treasuries.length !== 1"
+      ref="treasuriesList"
+      class="z-40 sticky top-[71px] lg:top-[72px]"
+      with-buttons
+      gradient="xxl"
+    >
+      <div class="flex px-4 space-x-3 bg-skin-bg border-b min-w-max">
+        <AppLink
+          v-for="(treasury, i) in props.space.treasuries"
+          :key="i"
+          :to="{
+            name: 'space-treasury',
+            params: {
+              index: i + 1,
+              tab: 'tokens'
+            }
+          }"
+          :aria-active="activeTreasuryId === i"
+        >
+          <UiLink
+            :is-active="activeTreasuryId === i"
+            :text="treasury.name || shorten(treasury.address)"
+          />
+        </AppLink>
+      </div>
+    </UiScrollerHorizontal>
+    <SpaceTreasury
+      v-if="treasuryData"
+      :key="activeTreasuryId"
+      :space="space"
+      :treasury-data="treasuryData"
+      :extra-contacts="props.space.treasuries"
+    />
+    <div v-else class="flex items-center px-4 py-3 text-skin-link gap-2">
+      <IH-exclamation-circle />
+      <span v-text="'Treasury not found.'" />
     </div>
-  </UiScrollerHorizontal>
-  <SpaceTreasury
-    v-if="treasuryData"
-    :key="activeTreasuryId"
-    :space="space"
-    :treasury-data="treasuryData"
-    :extra-contacts="props.space.treasuries"
-  />
-  <div v-else class="flex items-center px-4 py-3 text-skin-link gap-2">
-    <IH-exclamation-circle />
-    <span v-text="'Treasury not found.'" />
   </div>
 </template>