diff --git a/apps/api/src/index.ts b/apps/api/src/index.ts
index 170f04eac..d1bbf2655 100644
--- a/apps/api/src/index.ts
+++ b/apps/api/src/index.ts
@@ -65,7 +65,7 @@ async function run() {
     await sleep(PRODUCTION_INDEXER_DELAY);
   }
 
-  await checkpoint.reset();
+  // await checkpoint.reset();
   checkpoint.start();
 }
 
diff --git a/apps/ui/package.json b/apps/ui/package.json
index 6dbe296ab..cd530c751 100644
--- a/apps/ui/package.json
+++ b/apps/ui/package.json
@@ -50,7 +50,7 @@
     "@snapshot-labs/lock": "^0.2.10",
     "@snapshot-labs/pineapple": "^1.1.0",
     "@snapshot-labs/prettier-config": "^0.1.0-beta.18",
-    "@snapshot-labs/snapshot.js": "^0.12.33",
+    "@snapshot-labs/snapshot.js": "^0.12.36",
     "@snapshot-labs/sx": "^0.1.0",
     "@vueuse/core": "^10.4.1",
     "@walletconnect/core": "^2.11.0",
diff --git a/apps/ui/src/components/EditorTimeline.vue b/apps/ui/src/components/EditorTimeline.vue
new file mode 100644
index 000000000..ba532eac3
--- /dev/null
+++ b/apps/ui/src/components/EditorTimeline.vue
@@ -0,0 +1,151 @@
+<script setup lang="ts">
+import { _d } from '@/helpers/utils';
+import { offchainNetworks } from '@/networks';
+import { Draft, Space } from '@/types';
+
+type EditModalSettings = {
+  open: boolean;
+  editProperty: 'start' | 'min_end';
+  min?: number;
+  selected: number;
+};
+
+const MIN_VOTING_PERIOD = 60;
+
+const proposal = defineModel<Draft>({
+  required: true
+});
+
+const props = defineProps<{
+  space: Space;
+  editable: boolean;
+  created: number;
+  start: number;
+  // eslint-disable-next-line vue/prop-name-casing
+  min_end: number;
+  // eslint-disable-next-line vue/prop-name-casing
+  max_end: number;
+}>();
+
+const { getDurationFromCurrent } = useMetaStore();
+
+const editModalSettings = reactive<EditModalSettings>({
+  open: false,
+  editProperty: 'start',
+  selected: 0
+});
+
+const isOffchainSpace = computed(() =>
+  offchainNetworks.includes(props.space.network)
+);
+
+const minDates = computed(() => {
+  return {
+    start: props.created,
+    min_end: props.start + MIN_VOTING_PERIOD
+  };
+});
+
+function handleEditClick(type: 'start' | 'min_end') {
+  editModalSettings.selected = props[type];
+  editModalSettings.min = minDates.value[type];
+  editModalSettings.editProperty = type;
+  editModalSettings.open = true;
+}
+
+function handleDatePick(timestamp: number) {
+  if (
+    editModalSettings.editProperty === 'start' &&
+    proposal.value.min_end &&
+    timestamp >= proposal.value.min_end
+  ) {
+    const customVotingPeriod = props.min_end - props.start;
+    proposal.value.min_end = timestamp + customVotingPeriod;
+  }
+
+  proposal.value[editModalSettings.editProperty] = timestamp;
+}
+
+function formatVotingDuration(
+  type: 'voting_delay' | 'min_voting_period' | 'max_voting_period'
+): string {
+  const duration = getDurationFromCurrent(
+    props.space.network,
+    props.space[type]
+  );
+  const roundedDuration = Math.round(duration / 60) * 60;
+
+  return _d(roundedDuration);
+}
+</script>
+
+<template>
+  <div>
+    <h4 class="eyebrow mb-2.5" v-text="'Timeline'" />
+    <ProposalTimeline
+      :data="
+        isOffchainSpace || !editable
+          ? {
+              ...space,
+              created,
+              start,
+              min_end,
+              max_end
+            }
+          : space
+      "
+    >
+      <template v-if="editable" #start-date-suffix>
+        <UiTooltip
+          v-if="space.voting_delay"
+          :title="`This space has enforced a ${formatVotingDuration('voting_delay')} voting delay`"
+        >
+          <IH-exclamation-circle />
+        </UiTooltip>
+        <button
+          v-else-if="isOffchainSpace"
+          class="text-skin-link"
+          @click="handleEditClick('start')"
+          v-text="'Edit'"
+        />
+      </template>
+      <template v-if="editable" #end-date-suffix>
+        <UiTooltip
+          v-if="space.min_voting_period"
+          :title="`This space has enforced a ${formatVotingDuration('min_voting_period')} voting period`"
+        >
+          <IH-exclamation-circle />
+        </UiTooltip>
+        <button
+          v-else-if="isOffchainSpace"
+          class="text-skin-link"
+          @click="handleEditClick('min_end')"
+          v-text="'Edit'"
+        />
+      </template>
+      <template v-if="editable && space.min_voting_period" #min_end-date-suffix>
+        <UiTooltip
+          :title="`This space has enforced a ${formatVotingDuration('min_voting_period')} minimum voting period`"
+        >
+          <IH-exclamation-circle />
+        </UiTooltip>
+      </template>
+      <template v-if="editable && space.max_voting_period" #max_end-date-suffix>
+        <UiTooltip
+          :title="`This space has enforced a ${formatVotingDuration('max_voting_period')} maximum voting period`"
+        >
+          <IH-exclamation-circle />
+        </UiTooltip>
+      </template>
+    </ProposalTimeline>
+    <teleport to="#modal">
+      <ModalDateTime
+        :min="editModalSettings.min"
+        :selected="editModalSettings.selected"
+        :open="editModalSettings.open"
+        @pick="handleDatePick"
+        @close="editModalSettings.open = false"
+      />
+    </teleport>
+  </div>
+</template>
diff --git a/apps/ui/src/components/FormSpaceStrategies.vue b/apps/ui/src/components/FormSpaceStrategies.vue
index 53fd9b32f..17401cb0b 100644
--- a/apps/ui/src/components/FormSpaceStrategies.vue
+++ b/apps/ui/src/components/FormSpaceStrategies.vue
@@ -38,7 +38,8 @@ const strategiesLimit = computed(() => {
         tooltip:
           'The default network used for this space. Networks can also be specified in individual strategies',
         examples: ['Select network'],
-        networkId
+        networkId,
+        networksListKind: 'offchain'
       }"
     />
   </div>
diff --git a/apps/ui/src/components/Landing/Ecosystem.vue b/apps/ui/src/components/Landing/Ecosystem.vue
index a42f9c15e..2f3395577 100644
--- a/apps/ui/src/components/Landing/Ecosystem.vue
+++ b/apps/ui/src/components/Landing/Ecosystem.vue
@@ -3,7 +3,7 @@
     <UiContainer class="!max-w-screen-lg">
       <div class="max-w-[600px]">
         <div class="eyebrow mb-3">Ecosystem</div>
-        <h1 class="mb-5 font-display !text-[44px]">
+        <h1 class="mb-5 font-display text-[36px] xs:text-[44px]">
           Supercharge your governance with integrations
         </h1>
         <UiButton :to="{ name: 'site-ecosystem' }">
diff --git a/apps/ui/src/components/Landing/Features.vue b/apps/ui/src/components/Landing/Features.vue
index 63cc0bd34..7a3c66c2e 100644
--- a/apps/ui/src/components/Landing/Features.vue
+++ b/apps/ui/src/components/Landing/Features.vue
@@ -72,7 +72,7 @@ const FEATURES = [
     <UiContainer class="!max-w-screen-lg">
       <div class="pb-6 max-w-[600px]">
         <div class="eyebrow mb-3">Features</div>
-        <h1 class="mb-4 font-display !text-[44px]">
+        <h1 class="mb-4 font-display text-[36px] xs:text-[44px]">
           Everything DAOs need to make better decisions together
         </h1>
       </div>
diff --git a/apps/ui/src/components/Landing/Flow.vue b/apps/ui/src/components/Landing/Flow.vue
index e16668d64..369efbdad 100644
--- a/apps/ui/src/components/Landing/Flow.vue
+++ b/apps/ui/src/components/Landing/Flow.vue
@@ -35,7 +35,7 @@ const STEPS = [
 <template>
   <div>
     <UiContainer class="!max-w-screen-lg">
-      <h1 class="font-display max-w-[680px] py-9 !text-[44px]">
+      <h1 class="font-display max-w-[680px] py-9 text-[36px] xs:text-[44px]">
         A fully integrated suite to manage DAO governance.
       </h1>
     </UiContainer>
diff --git a/apps/ui/src/components/Landing/Hero.vue b/apps/ui/src/components/Landing/Hero.vue
index d87a4f398..198a17178 100644
--- a/apps/ui/src/components/Landing/Hero.vue
+++ b/apps/ui/src/components/Landing/Hero.vue
@@ -10,7 +10,7 @@
     >
       <div class="max-w-[560px]">
         <div class="eyebrow mb-3">Turn chaos to consensus</div>
-        <h1 class="mb-5 font-display !text-[56px]">
+        <h1 class="mb-5 font-display text-[40px] xs:text-[56px]">
           The governance stack for your organization
         </h1>
         <UiButton :to="{ name: 'my-home' }" class="primary">
diff --git a/apps/ui/src/components/Landing/Start.vue b/apps/ui/src/components/Landing/Start.vue
index a92301b36..b6fb191e4 100644
--- a/apps/ui/src/components/Landing/Start.vue
+++ b/apps/ui/src/components/Landing/Start.vue
@@ -6,7 +6,9 @@
     <UiContainer class="!max-w-screen-lg">
       <div class="text-center max-w-[600px] mx-auto">
         <div class="eyebrow mb-3">Join Snapshot</div>
-        <h1 class="mb-4 font-display !text-[44px]">Ready to govern?</h1>
+        <h1 class="mb-4 font-display text-[36px] xs:text-[44px]">
+          Ready to govern?
+        </h1>
         <UiButton :to="{ name: 'my-home' }" class="primary">
           Get started
         </UiButton>
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/components/Modal/DateTime.vue b/apps/ui/src/components/Modal/DateTime.vue
new file mode 100644
index 000000000..3602f3903
--- /dev/null
+++ b/apps/ui/src/components/Modal/DateTime.vue
@@ -0,0 +1,151 @@
+<script setup lang="ts">
+import dayjs from 'dayjs';
+
+const TIME_FORMAT = 'HH:mm';
+
+const STEPS = {
+  date: { id: 'date', title: 'Select date' },
+  time: { id: 'time', title: 'Select time' }
+};
+
+const props = defineProps<{
+  open: boolean;
+  min?: number;
+  selected: number;
+}>();
+
+const emit = defineEmits<{
+  (e: 'close'): void;
+  (e: 'pick', timestamp: number): void;
+}>();
+
+const { current, isCurrent, goTo, goToNext, goToPrevious, isFirst, isLast } =
+  useStepper(STEPS);
+const date = ref<number>(props.selected);
+const time = ref<string>(getBaseTime(props.selected));
+const formError = ref<null | string>(null);
+
+function handleClose() {
+  emit('close');
+}
+
+function handleSubmit() {
+  handleClose();
+  emit('pick', date.value);
+}
+
+function handleDateUpdate(ts: number) {
+  date.value = ts;
+  time.value = getBaseTime(ts);
+  goToNext();
+}
+
+function getBaseTime(ts: number): string {
+  const originalDate = dayjs.unix(props.selected);
+  const selectedDate = dayjs
+    .unix(ts)
+    .set('hour', originalDate.get('hour'))
+    .set('minute', originalDate.get('minute'));
+
+  if (props.min) {
+    const minDate = dayjs.unix(props.min);
+
+    if (selectedDate.isBefore(minDate, 'minute')) {
+      return minDate.format(TIME_FORMAT);
+    }
+  }
+
+  return selectedDate.format(TIME_FORMAT);
+}
+
+function updateDateWithTime() {
+  const [hours, minutes] = time.value.split(':');
+
+  date.value = dayjs
+    .unix(date.value)
+    .set('hour', +hours)
+    .set('minute', +minutes)
+    .startOf('minute')
+    .unix();
+}
+
+function validateForm() {
+  if (!props.min) return;
+
+  const minDate = dayjs.unix(props.min).startOf('minute');
+
+  if (date.value < minDate.unix()) {
+    formError.value = `Time must be equal or greater than ${minDate.format(TIME_FORMAT)}`;
+    return;
+  }
+
+  formError.value = null;
+}
+
+watch([() => current.value.id, time], ([stepId]) => {
+  if (stepId !== 'time') return;
+
+  updateDateWithTime();
+  validateForm();
+});
+
+watch(
+  () => props.open,
+  open => {
+    if (open) {
+      goTo('date');
+      date.value = props.selected;
+      time.value = getBaseTime(props.selected);
+    }
+  }
+);
+</script>
+
+<template>
+  <UiModal :open="open" @close="handleClose">
+    <template #header>
+      <h3 v-text="current.title" />
+    </template>
+    <div :class="['!m-4 text-center', { 's-error': formError }]">
+      <UiCalendar
+        v-if="isCurrent('date')"
+        :min="min"
+        :selected="date"
+        @pick="handleDateUpdate"
+      />
+      <template v-else-if="isCurrent('time')">
+        <input
+          v-model="time"
+          type="time"
+          class="s-input mx-auto max-w-[140px] text-center text-lg"
+        />
+        <span
+          v-if="formError"
+          class="s-input-error-message"
+          v-text="formError"
+        />
+      </template>
+    </div>
+    <template #footer>
+      <div class="flex space-x-3">
+        <UiButton v-if="isFirst" class="w-full" @click="handleClose">
+          Cancel
+        </UiButton>
+        <UiButton v-else class="w-full" @click="goToPrevious">
+          Previous
+        </UiButton>
+        <UiButton v-if="!isLast" class="primary w-full" @click="goToNext">
+          Next
+        </UiButton>
+        <UiButton
+          v-else
+          class="primary w-full"
+          :disabled="!!formError"
+          @click="handleSubmit"
+        >
+          Confirm
+        </UiButton>
+      </div>
+    </template>
+  </UiModal>
+</template>
diff --git a/apps/ui/src/components/Modal/EditStrategy.vue b/apps/ui/src/components/Modal/EditStrategy.vue
index ff99988a6..b6f2c5f04 100644
--- a/apps/ui/src/components/Modal/EditStrategy.vue
+++ b/apps/ui/src/components/Modal/EditStrategy.vue
@@ -166,7 +166,8 @@ watchEffect(() => {
           type: ['string', 'number'],
           title: 'Network',
           examples: ['Select network'],
-          networkId
+          networkId,
+          networksListKind: 'offchain'
         }"
       />
       <UiForm
diff --git a/apps/ui/src/components/ProposalTimeline.vue b/apps/ui/src/components/ProposalTimeline.vue
index 008127de9..f90d51d10 100644
--- a/apps/ui/src/components/ProposalTimeline.vue
+++ b/apps/ui/src/components/ProposalTimeline.vue
@@ -26,17 +26,9 @@ const LABELS = {
 
 const { getTsFromCurrent, getDurationFromCurrent } = useMetaStore();
 
-const now = ref(parseInt((Date.now() / 1000).toFixed()));
+const timestamp = useTimestamp({ interval: 1000 });
 
-onMounted(() => {
-  const interval = setInterval(() => {
-    now.value = parseInt((Date.now() / 1000).toFixed());
-  }, 1000);
-
-  onUnmounted(() => {
-    clearInterval(interval);
-  });
-});
+const now = computed(() => Math.floor(timestamp.value / 1000));
 
 function formatTimelineValues(): ProposalTimelineValues {
   const data = props.data;
@@ -94,6 +86,12 @@ const states: ComputedRef<State[]> = computed(() => {
 
   return initial;
 });
+
+// Use an offset to compare timestamps to avoid issues when comparing
+// timestamps that are not refreshed synchronously
+function isInThePast(timestamp: number): boolean {
+  return timestamp <= now.value + 1;
+}
 </script>
 
 <template>
@@ -106,12 +104,14 @@ const states: ComputedRef<State[]> = computed(() => {
       >
         <div
           class="absolute size-[15px] inline-block rounded-full left-[-7px] border-4 border-skin-bg"
-          :class="state.value <= now ? 'bg-skin-heading' : 'bg-skin-border'"
+          :class="
+            isInThePast(state.value) ? 'bg-skin-heading' : 'bg-skin-border'
+          "
         />
         <div
           v-if="states[i + 1]"
           class="border-l pr-4 mt-3"
-          :class="states[i + 1].value <= now && 'border-skin-heading'"
+          :class="isInThePast(states[i + 1].value) && 'border-skin-heading'"
         />
       </div>
     </div>
@@ -122,7 +122,10 @@ const states: ComputedRef<State[]> = computed(() => {
         class="mb-3 last:mb-0 h-[44px]"
       >
         <h4 v-text="LABELS[state.id]" />
-        {{ _t(state.value) }}
+        <div class="flex gap-2 items-center">
+          <div v-text="_t(state.value)" />
+          <slot :name="`${state.id}-date-suffix`" />
+        </div>
       </div>
     </div>
   </div>
diff --git a/apps/ui/src/components/Site/Footer.vue b/apps/ui/src/components/Site/Footer.vue
index 969f55189..d31940d87 100644
--- a/apps/ui/src/components/Site/Footer.vue
+++ b/apps/ui/src/components/Site/Footer.vue
@@ -34,7 +34,7 @@ const SOCIALS = [
               <AppLink :to="{ name: 'my-explore' }"> Explore spaces </AppLink>
             </div>
             <div>
-              <a href="https://snapshot.org/#/setup?step=0" target="_blank">
+              <a href="https://v1.snapshot.box/#/setup" target="_blank">
                 Create a space
                 <IH-arrow-sm-right class="inline-block -rotate-45" />
               </a>
diff --git a/apps/ui/src/components/SpaceDelegates.vue b/apps/ui/src/components/SpaceDelegates.vue
index b5c5f199e..694cf34bf 100644
--- a/apps/ui/src/components/SpaceDelegates.vue
+++ b/apps/ui/src/components/SpaceDelegates.vue
@@ -197,7 +197,7 @@ watchEffect(() => setTitle(`Delegates - ${props.space.name}`));
                   user: delegate.user
                 }
               }"
-              class="flex w-full space-x-3"
+              class="flex w-full space-x-3 truncate"
             >
               <div
                 class="flex grow sm:grow-0 sm:shrink-0 items-center w-[190px] py-3 gap-x-3 leading-[22px] truncate"
diff --git a/apps/ui/src/components/Ui/Calendar.vue b/apps/ui/src/components/Ui/Calendar.vue
new file mode 100644
index 000000000..b2a28d2aa
--- /dev/null
+++ b/apps/ui/src/components/Ui/Calendar.vue
@@ -0,0 +1,131 @@
+<script setup lang="ts">
+import dayjs from 'dayjs';
+
+const props = defineProps<{
+  min?: number;
+  selected?: number;
+}>();
+
+const emit = defineEmits<{
+  (e: 'pick', timestamp: number): void;
+}>();
+
+const timestamp = useTimestamp({ interval: 1000 });
+
+const selectedDate = props.selected
+  ? dayjs.unix(props.selected).startOf('day')
+  : null;
+const minimumDate = props.min ? dayjs.unix(props.min).startOf('day') : null;
+
+const currentView = ref<dayjs.Dayjs>(
+  dayjs
+    .unix(props.selected || Math.floor(timestamp.value / 1000))
+    .startOf('month')
+);
+
+const today = computed(() => dayjs(timestamp.value).startOf('day'));
+
+const contents = computed(() => {
+  const start = currentView.value.startOf('week');
+  const end = currentView.value.endOf('month').endOf('week');
+  const days: dayjs.Dayjs[] = [];
+  let pivot = start;
+
+  do {
+    days.push(pivot);
+    pivot = pivot.add(1, 'day');
+  } while (pivot.isBefore(end));
+
+  return days;
+});
+
+function handleDateClick(date: dayjs.Dayjs) {
+  if (!isSelectable(date)) return;
+
+  emit('pick', date.unix());
+}
+
+function isSelectable(date: dayjs.Dayjs) {
+  if (!date.isSame(currentView.value, 'month')) return false;
+  if (!minimumDate) return true;
+
+  return !date.isBefore(minimumDate);
+}
+</script>
+
+<template>
+  <div class="calendar space-y-2 mx-auto">
+    <div class="flex items-center">
+      <div class="w-1/4 flex items-center justify-start">
+        <button @click="currentView = currentView.subtract(1, 'month')">
+          <IH-chevron-left />
+        </button>
+      </div>
+      <h4
+        class="h-full w-full text-center"
+        v-text="dayjs(currentView).format('MMMM YYYY')"
+      />
+      <div class="w-1/4 flex items-center justify-end">
+        <button @click="currentView = currentView.add(1, 'month')">
+          <IH-chevron-right />
+        </button>
+      </div>
+    </div>
+    <div class="grid-cols-7">
+      <div
+        v-for="(header, i) in contents.slice(0, 7)"
+        :key="i"
+        class="cell text-skin-link"
+        v-text="header.format('ddd')"
+      />
+      <button
+        v-for="(date, i) in contents"
+        :key="i"
+        :disabled="!isSelectable(date)"
+        class="cell day unselectable"
+        :class="{
+          '!cursor-default !bg-transparent': !date.isSame(currentView, 'month'),
+          today: date.isSame(today),
+          selected: selectedDate && selectedDate.isSame(date),
+          selectable: isSelectable(date)
+        }"
+        @click="handleDateClick(date)"
+        v-text="
+          date.isSame(currentView, 'month') ? date.format('DD') : '&nbsp;'
+        "
+      />
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.calendar {
+  $size: 44px;
+  width: $size * 7;
+
+  .cell {
+    @apply inline-block text-center size-[#{$size}] leading-[#{$size}];
+
+    &.day {
+      @apply text-skin-border rounded-full cursor-default;
+
+      &.unselectable {
+        @apply cursor-not-allowed;
+      }
+
+      &.selectable {
+        @apply text-skin-link hover:bg-skin-link hover:text-skin-bg cursor-pointer;
+      }
+
+      &.selected {
+        @apply bg-skin-link;
+        @apply text-skin-bg;
+      }
+
+      &.today {
+        @apply border border-skin-border;
+      }
+    }
+  }
+}
+</style>
diff --git a/apps/ui/src/components/Ui/SelectorNetwork.vue b/apps/ui/src/components/Ui/SelectorNetwork.vue
index a8f5e540d..b867680e3 100644
--- a/apps/ui/src/components/Ui/SelectorNetwork.vue
+++ b/apps/ui/src/components/Ui/SelectorNetwork.vue
@@ -11,7 +11,7 @@ const network = defineModel<string | number | null>({
 const props = defineProps<{
   definition: BaseDefinition<string | number | null> & {
     networkId: NetworkID;
-    networksListKind?: 'full' | 'builtin';
+    networksListKind?: 'full' | 'builtin' | 'offchain';
   };
 }>();
 
@@ -20,7 +20,8 @@ const { networks, getUsage } = useOffchainNetworksList(
 );
 
 const options = computed(() => {
-  if (props.definition.networksListKind === 'full') {
+  const networksListKind = props.definition.networksListKind;
+  if (networksListKind === 'full' || networksListKind === 'offchain') {
     const baseNetworks = networks.value
       .filter(network => {
         if (
@@ -42,6 +43,7 @@ const options = computed(() => {
           class: 'rounded-full'
         })
       }));
+    if (networksListKind === 'offchain') return baseNetworks;
 
     return [
       ...baseNetworks,
diff --git a/apps/ui/src/composables/useActions.ts b/apps/ui/src/composables/useActions.ts
index af744e40d..384efcc5e 100644
--- a/apps/ui/src/composables/useActions.ts
+++ b/apps/ui/src/composables/useActions.ts
@@ -286,6 +286,10 @@ export function useActions() {
     choices: string[],
     labels: string[],
     app: string,
+    created: number,
+    start: number,
+    min_end: number,
+    max_end: number,
     executions: ExecutionInfo[] | null
   ) {
     if (!web3.value.account) {
@@ -309,6 +313,10 @@ export function useActions() {
         choices,
         labels,
         app,
+        created,
+        start,
+        min_end,
+        max_end,
         executions
       )
     );
diff --git a/apps/ui/src/composables/usePropositionPower.ts b/apps/ui/src/composables/usePropositionPower.ts
index 9ddc606d3..7155039e0 100644
--- a/apps/ui/src/composables/usePropositionPower.ts
+++ b/apps/ui/src/composables/usePropositionPower.ts
@@ -36,5 +36,5 @@ export function usePropositionPower() {
     }
   );
 
-  return { fetch, get };
+  return { fetch, get, reset };
 }
diff --git a/apps/ui/src/helpers/boost.ts b/apps/ui/src/helpers/boost.ts
new file mode 100644
index 000000000..849fab6e4
--- /dev/null
+++ b/apps/ui/src/helpers/boost.ts
@@ -0,0 +1,139 @@
+import { ApolloClient, gql, InMemoryCache } from '@apollo/client/core';
+
+type BoostSubgraph = {
+  id: string;
+  strategyURI: string;
+  poolSize: string;
+  guard: string;
+  start: string;
+  end: string;
+  owner: string;
+  chainId: string;
+  currentBalance: string;
+  transaction: string;
+  token: {
+    id: string;
+    name: string;
+    symbol: string;
+    decimals: string;
+  };
+  strategy: {
+    id: string;
+    version: string;
+    name: string;
+    proposal: string;
+    eligibility: {
+      type: 'incentive' | 'prediction' | 'bribe';
+      choice: string | null;
+    };
+    distribution: {
+      type: 'weighted' | 'lottery';
+      limit: string | null;
+      numWinners: string | null;
+    };
+  };
+};
+
+const TWO_WEEKS = 1209600;
+
+const SUBGRAPH_URLS = {
+  '1': 'https://subgrapher.snapshot.org/subgraph/arbitrum/A6EEuSAB7mFrWvLBnL1HZXwfiGfqFYnFJjc14REtMNkd',
+  '11155111':
+    'https://subgrapher.snapshot.org/subgraph/arbitrum/6T64qrPe7S46zhArSoBF8CAmc5cG3PyKa92Nt4Jhymcy',
+  '137':
+    'https://subgrapher.snapshot.org/subgraph/arbitrum/CkNpf5gY7XPCinJWP1nh8K7u6faXwDjchGGV4P9rgJ7',
+  '8453':
+    'https://subgrapher.snapshot.org/subgraph/arbitrum/52uVpyUHkkMFieRk1khbdshUw26CNHWAEuqLojZzcyjd'
+};
+
+const SUPPORTED_NETWORKS = Object.keys(SUBGRAPH_URLS);
+
+const boostQuery = gql(`query Boosts($proposalIds: [String!]) {
+  boosts (where: {strategy_: {proposal_in: $proposalIds}}) {
+    id
+    strategyURI
+    poolSize
+    guard
+    start
+    end
+    owner
+    currentBalance
+    transaction
+    token {
+      id
+      name
+      symbol
+      decimals
+    }
+    strategy {
+      id
+      name
+      version
+      proposal
+      eligibility {
+        type
+        choice
+      }
+      distribution {
+        type
+        limit
+        numWinners
+      }
+    }
+  }
+}`);
+
+async function getBoosts(proposalIds: string[]) {
+  async function query(chainId: string) {
+    const client = new ApolloClient({
+      uri: SUBGRAPH_URLS[chainId],
+      cache: new InMemoryCache()
+    });
+
+    const { data } = await client.query({
+      query: boostQuery,
+      variables: { proposalIds }
+    });
+
+    if (!data?.boosts) return { boosts: [] };
+    return {
+      boosts: data.boosts.map((boost: BoostSubgraph) => ({
+        ...boost,
+        chainId
+      }))
+    };
+  }
+
+  const requests = SUPPORTED_NETWORKS.map(chainId => query(chainId));
+  const responses: { boosts: BoostSubgraph[] }[] = await Promise.all(requests);
+
+  return responses
+    .map(response => response.boosts)
+    .filter(boost => boost)
+    .flat();
+}
+function sanitizeBoosts(
+  boosts: BoostSubgraph[],
+  bribeEnabled: boolean,
+  proposalEnd: number
+) {
+  return boosts.filter(
+    boost =>
+      !(
+        (bribeEnabled && boost.strategy.eligibility.type === 'bribe') ||
+        Number(boost.start) !== proposalEnd ||
+        Number(boost.end) - Number(boost.start) !== TWO_WEEKS
+      )
+  );
+}
+
+export async function getBoostsCount(
+  proposalID: string,
+  bribeEnabled: boolean,
+  proposalEnd: number
+): Promise<number> {
+  const response = await getBoosts([proposalID]);
+  const sanitizedBoosts = sanitizeBoosts(response, bribeEnabled, proposalEnd);
+
+  return sanitizedBoosts.length;
+}
diff --git a/apps/ui/src/helpers/efp.ts b/apps/ui/src/helpers/efp.ts
new file mode 100644
index 000000000..c644ae772
--- /dev/null
+++ b/apps/ui/src/helpers/efp.ts
@@ -0,0 +1,17 @@
+import { isAddress } from '@ethersproject/address';
+
+const EFP_API_URL = 'https://api.ethfollow.xyz';
+
+export async function getUserStats(
+  addressOrENS: string
+): Promise<{ followers_count: number; following_count: number }> {
+  if (!isAddress(addressOrENS)) return Promise.reject('Invalid address');
+
+  const res = await fetch(`${EFP_API_URL}/api/v1/users/${addressOrENS}/stats`);
+  const stats = await res.json();
+
+  return {
+    followers_count: parseInt(stats.followers_count),
+    following_count: parseInt(stats.following_count)
+  };
+}
diff --git a/apps/ui/src/main.ts b/apps/ui/src/main.ts
index 43a36a035..3f11e7f36 100644
--- a/apps/ui/src/main.ts
+++ b/apps/ui/src/main.ts
@@ -16,7 +16,8 @@ const knownHosts = [
   'worldassociation.org',
   'safe.mainnet.frax.com',
   'horizen-eon.safe.onchainden.com',
-  'safe.fantom.network'
+  'safe.fantom.network',
+  'safe.apechain.com'
 ];
 const parentUrl =
   window.location != window.parent.location
diff --git a/apps/ui/src/networks/evm/actions.ts b/apps/ui/src/networks/evm/actions.ts
index 837b1394e..1445961e7 100644
--- a/apps/ui/src/networks/evm/actions.ts
+++ b/apps/ui/src/networks/evm/actions.ts
@@ -210,6 +210,10 @@ export function createActions(
       choices: string[],
       labels: string[],
       app: string,
+      created: number,
+      start: number,
+      min_end: number,
+      max_end: number,
       executions: ExecutionInfo[] | null
     ) => {
       await verifyNetwork(web3, chainId);
diff --git a/apps/ui/src/networks/offchain/actions.ts b/apps/ui/src/networks/offchain/actions.ts
index 14edfa766..b8452faf3 100644
--- a/apps/ui/src/networks/offchain/actions.ts
+++ b/apps/ui/src/networks/offchain/actions.ts
@@ -131,12 +131,13 @@ export function createActions(
       choices: string[],
       labels: string[],
       app: string,
+      created: number,
+      start: number,
+      min_end: number,
+      max_end: number,
       executions: ExecutionInfo[]
     ) {
-      const currentTime = Math.floor(Date.now() / 1000);
-      const startTime = currentTime + space.voting_delay;
       const provider = getProvider(space.snapshot_chain_id as number);
-
       const plugins = await getPlugins(executions);
 
       const data = {
@@ -147,12 +148,12 @@ export function createActions(
         discussion,
         choices,
         labels,
-        start: startTime,
-        end: startTime + space.min_voting_period,
+        start,
+        end: min_end,
         snapshot: (await provider.getBlockNumber()) - EDITOR_SNAPSHOT_OFFSET,
         plugins: JSON.stringify(plugins),
         app: app || EDITOR_APP_NAME,
-        timestamp: currentTime
+        timestamp: created
       };
 
       return client.propose({ signer: web3.getSigner(), data });
diff --git a/apps/ui/src/networks/offchain/api/index.ts b/apps/ui/src/networks/offchain/api/index.ts
index 21c718ce2..fd655a927 100644
--- a/apps/ui/src/networks/offchain/api/index.ts
+++ b/apps/ui/src/networks/offchain/api/index.ts
@@ -56,7 +56,6 @@ import {
   ApiStrategy,
   ApiVote
 } from './types';
-import { DEFAULT_VOTING_DELAY } from '../constants';
 
 const DEFAULT_AUTHENTICATOR = 'OffchainAuthenticator';
 
@@ -175,8 +174,8 @@ function formatSpace(
     voting_types: space.voting.type
       ? [space.voting.type]
       : constants.EDITOR_VOTING_TYPES,
-    min_voting_period: space.voting.period ?? DEFAULT_VOTING_DELAY,
-    max_voting_period: space.voting.period ?? DEFAULT_VOTING_DELAY,
+    min_voting_period: space.voting.period ?? 0,
+    max_voting_period: space.voting.period ?? 0,
     proposal_threshold: '1',
     treasuries,
     labels: space.labels,
diff --git a/apps/ui/src/networks/offchain/constants.ts b/apps/ui/src/networks/offchain/constants.ts
index a5119d20c..a726cb62d 100644
--- a/apps/ui/src/networks/offchain/constants.ts
+++ b/apps/ui/src/networks/offchain/constants.ts
@@ -12,7 +12,12 @@ export const PROPOSAL_VALIDATIONS = {
 };
 export const STRATEGIES = {};
 export const EXECUTORS = {};
-export const CONNECTORS: Connector[] = ['injected', 'walletconnect'];
+export const CONNECTORS: Connector[] = [
+  'injected',
+  'walletconnect',
+  'walletlink',
+  'gnosis'
+];
 export const EDITOR_AUTHENTICATORS = [];
 export const EDITOR_PROPOSAL_VALIDATIONS = [];
 export const EDITOR_VOTING_STRATEGIES = [];
@@ -27,5 +32,3 @@ export const EDITOR_VOTING_TYPES: VoteType[] = [
   'weighted',
   'quadratic'
 ];
-
-export const DEFAULT_VOTING_DELAY = 60 * 60 * 24 * 7;
diff --git a/apps/ui/src/networks/offchain/index.ts b/apps/ui/src/networks/offchain/index.ts
index 08e432458..3db38e889 100644
--- a/apps/ui/src/networks/offchain/index.ts
+++ b/apps/ui/src/networks/offchain/index.ts
@@ -13,8 +13,8 @@ const HUB_URLS: Partial<Record<NetworkID, string | undefined>> = {
   's-tn': 'https://testnet.hub.snapshot.org/graphql'
 };
 const SNAPSHOT_URLS: Partial<Record<NetworkID, string | undefined>> = {
-  s: 'https://snapshot.org',
-  's-tn': 'https://testnet.snapshot.org'
+  s: 'https://v1.snapshot.box',
+  's-tn': 'https://testnet.v1.snapshot.box'
 };
 const CHAIN_IDS: Partial<Record<NetworkID, 1 | 11155111>> = {
   s: 1,
diff --git a/apps/ui/src/networks/starknet/actions.ts b/apps/ui/src/networks/starknet/actions.ts
index dd430164d..34bea9659 100644
--- a/apps/ui/src/networks/starknet/actions.ts
+++ b/apps/ui/src/networks/starknet/actions.ts
@@ -229,6 +229,10 @@ export function createActions(
       choices: string[],
       labels: string[],
       app: string,
+      created: number,
+      start: number,
+      min_end: number,
+      max_end: number,
       executions: ExecutionInfo[] | null
     ) => {
       const executionInfo = executions?.[0];
diff --git a/apps/ui/src/networks/types.ts b/apps/ui/src/networks/types.ts
index fb4018a86..6fcfcaf7e 100644
--- a/apps/ui/src/networks/types.ts
+++ b/apps/ui/src/networks/types.ts
@@ -142,6 +142,10 @@ export type ReadOnlyNetworkActions = {
     choices: string[],
     labels: string[],
     app: string,
+    created: number,
+    start: number,
+    min_end: number,
+    max_end: number,
     executions: ExecutionInfo[] | null
   ): Promise<any>;
   updateProposal(
diff --git a/apps/ui/src/routes/index.ts b/apps/ui/src/routes/index.ts
index 4572d4026..1b7cafe6c 100644
--- a/apps/ui/src/routes/index.ts
+++ b/apps/ui/src/routes/index.ts
@@ -1,6 +1,7 @@
 import { createRouter, createWebHashHistory } from 'vue-router';
 import SplashScreen from '@/components/Layout/SplashScreen.vue';
-import defaultRoutes from './default';
+import { metadataNetwork } from '@/networks';
+import defaultRoutes from '@/routes/default';
 
 const { resolved } = useWhiteLabel();
 
@@ -32,4 +33,41 @@ const router = createRouter({
   }
 });
 
+// Add a global navigation guard for URL redirection
+router.beforeEach((to, _from, next) => {
+  let redirectPath: string | null = null;
+
+  // Match and redirect paths like "/safe.eth/settings" to "/s:safe.eth/settings"
+  const domainMatch = to.path.match(/^\/([^:\/]+?\.[^:\/]+)(\/.*)?$/);
+  if (domainMatch) {
+    const domain = domainMatch[1];
+    const rest = domainMatch[2] || '';
+    redirectPath = `/${metadataNetwork}:${domain}`;
+    if (rest && !/^\/about$/.test(rest)) {
+      redirectPath += rest;
+    }
+  }
+
+  // Match and redirect paths like "/delegate/safe.eth" to "/s:safe.eth/delegates"
+  const delegateMatch = to.path.match(/^\/delegate\/([^:\/]+?\.[^:\/]+)$/);
+  if (delegateMatch) {
+    const domain = delegateMatch[1];
+    redirectPath = `/${metadataNetwork}:${domain}/delegates`;
+  }
+
+  // Match and redirect "/strategy/*" or "/playground/*" to v1.snapshot.box
+  if (to.path.startsWith('/strategy/') || to.path.startsWith('/playground/')) {
+    const newPath = to.path.replace(/^\/(strategy|playground)/, '/#$1');
+    window.location.href = `https://v1.snapshot.box${newPath}`;
+    return;
+  }
+
+  // Perform the redirection if a match is found
+  if (redirectPath) {
+    next({ path: redirectPath, replace: true });
+  } else {
+    next();
+  }
+});
+
 export default router;
diff --git a/apps/ui/src/types.ts b/apps/ui/src/types.ts
index 7623c7afd..2bf39c641 100644
--- a/apps/ui/src/types.ts
+++ b/apps/ui/src/types.ts
@@ -373,6 +373,10 @@ export type Draft = {
   labels: string[];
   executions: Record<string, Transaction[] | undefined>;
   updatedAt: number;
+  created?: number;
+  start?: number;
+  min_end?: number;
+  max_end?: number;
 };
 
 export type Metadata = {
diff --git a/apps/ui/src/views/My/Explore.vue b/apps/ui/src/views/My/Explore.vue
index f685e7a64..9d9b9553c 100644
--- a/apps/ui/src/views/My/Explore.vue
+++ b/apps/ui/src/views/My/Explore.vue
@@ -144,70 +144,74 @@ 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://v1.snapshot.box/#/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 b40b6e5c9..b8e6a2284 100644
--- a/apps/ui/src/views/Proposal.vue
+++ b/apps/ui/src/views/Proposal.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { getBoostsCount } from '@/helpers/boost';
 import { HELPDESK_URL } from '@/helpers/constants';
 import { loadSingleTopic, Topic } from '@/helpers/discourse';
 import { getFormattedVotingPower, sanitizeUrl } from '@/helpers/utils';
@@ -26,6 +27,7 @@ const selectedChoice = ref<Choice | null>(null);
 const { votes } = useAccount();
 const editMode = ref(false);
 const discourseTopic: Ref<Topic | null> = ref(null);
+const boostCount = ref(0);
 
 const id = computed(() => route.params.proposal as string);
 const proposal = computed(() => {
@@ -64,6 +66,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;
@@ -118,7 +124,18 @@ watch(
     await proposalsStore.fetchProposal(props.space.id, id, props.space.network);
 
     if (discussion.value) {
-      discourseTopic.value = await loadSingleTopic(discussion.value);
+      loadSingleTopic(discussion.value).then(result => {
+        discourseTopic.value = result;
+      });
+    }
+
+    if (props.space.additionalRawData?.boost?.enabled) {
+      const bribeEnabled =
+        props.space.additionalRawData.boost.bribeEnabled || false;
+      const proposalEnd = proposal.value?.max_end || 0;
+      getBoostsCount(id, bribeEnabled, proposalEnd).then(result => {
+        boostCount.value = result;
+      });
     }
   },
   { immediate: true }
@@ -132,7 +149,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">
@@ -202,6 +224,15 @@ watchEffect(() => {
                 <IH-arrow-sm-right class="-rotate-45 text-skin-text" />
               </a>
             </template>
+            <template v-if="boostCount > 0">
+              <a
+                :href="`https://v1.snapshot.box/#/${proposal.space.id}/proposal/${proposal.proposal_id}`"
+                class="flex items-center"
+                target="_blank"
+              >
+                <UiLink :count="boostCount" text="Boost" class="inline-block" />
+              </a>
+            </template>
           </div>
         </UiScrollerHorizontal>
         <router-view :proposal="proposal" />
@@ -209,7 +240,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/Overview.vue b/apps/ui/src/views/Proposal/Overview.vue
index db481c4b1..d689df4b6 100644
--- a/apps/ui/src/views/Proposal/Overview.vue
+++ b/apps/ui/src/views/Proposal/Overview.vue
@@ -122,6 +122,43 @@ async function handleEditClick() {
 
   const draftId = await createDraft(spaceId, {
     proposalId: props.proposal.proposal_id,
+    title: props.proposal.title,
+    body: props.proposal.body,
+    discussion: props.proposal.discussion,
+    type: props.proposal.type,
+    choices: props.proposal.choices,
+    labels: props.proposal.labels,
+    created: props.proposal.created,
+    start: props.proposal.start,
+    min_end: props.proposal.min_end,
+    max_end: props.proposal.max_end,
+    executions
+  });
+
+  router.push({
+    name: 'space-editor',
+    params: {
+      key: draftId
+    }
+  });
+}
+
+async function handleDuplicateClick() {
+  if (!props.proposal) return;
+
+  const spaceId = `${props.proposal.network}:${props.proposal.space.id}`;
+
+  const executions = Object.fromEntries(
+    props.proposal.executions.map(execution => {
+      const address = offchainNetworks.includes(props.proposal.network)
+        ? execution.safeAddress
+        : props.proposal.execution_strategy;
+
+      return [address, execution.transactions];
+    })
+  );
+
+  const draftId = await createDraft(spaceId, {
     title: props.proposal.title,
     body: props.proposal.body,
     discussion: props.proposal.discussion,
@@ -298,6 +335,17 @@ onBeforeUnmount(() => destroyAudio());
               </UiButton>
             </template>
             <template #items>
+              <UiDropdownItem v-slot="{ active }">
+                <button
+                  type="button"
+                  class="flex items-center gap-2"
+                  :class="{ 'opacity-80': active }"
+                  @click="handleDuplicateClick"
+                >
+                  <IH-document-duplicate :width="16" />
+                  Duplicate proposal
+                </button>
+              </UiDropdownItem>
               <UiDropdownItem v-if="editable" v-slot="{ active }">
                 <button
                   type="button"
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..4900f2894 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://v1.snapshot.box/#/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/Editor.vue b/apps/ui/src/views/Space/Editor.vue
index 10c360cfb..c46043236 100644
--- a/apps/ui/src/views/Space/Editor.vue
+++ b/apps/ui/src/views/Space/Editor.vue
@@ -14,6 +14,8 @@ import { validateForm } from '@/helpers/validation';
 import { getNetwork, offchainNetworks } from '@/networks';
 import { Contact, Space, Transaction, VoteType } from '@/types';
 
+const DEFAULT_VOTING_DELAY = 60 * 60 * 24 * 3;
+
 const TITLE_DEFINITION = {
   type: 'string',
   title: 'Title',
@@ -47,10 +49,14 @@ const {
   reset
 } = useWalletConnectTransaction();
 const proposalsStore = useProposalsStore();
-const { get: getPropositionPower, fetch: fetchPropositionPower } =
-  usePropositionPower();
+const {
+  get: getPropositionPower,
+  fetch: fetchPropositionPower,
+  reset: resetPropositionPower
+} = usePropositionPower();
 const { strategiesWithTreasuries } = useTreasuries(props.space);
 const termsStore = useTermsStore();
+const timestamp = useTimestamp({ interval: 1000 });
 
 const modalOpen = ref(false);
 const modalOpenTerms = ref(false);
@@ -170,6 +176,33 @@ const proposalLimitReached = computed(
 
 const propositionPower = computed(() => getPropositionPower(props.space));
 
+const unixTimestamp = computed(() => Math.floor(timestamp.value / 1000));
+
+const defaultVotingDelay = computed(() =>
+  isOffchainSpace ? DEFAULT_VOTING_DELAY : 0
+);
+
+const proposalStart = computed(
+  () => proposal.value?.start ?? unixTimestamp.value + props.space.voting_delay
+);
+
+const proposalMinEnd = computed(
+  () =>
+    proposal.value?.min_end ??
+    proposalStart.value +
+      (props.space.min_voting_period || defaultVotingDelay.value)
+);
+
+const proposalMaxEnd = computed(() => {
+  if (isOffchainSpace.value) return proposalMinEnd.value;
+
+  return (
+    proposal.value?.max_end ??
+    proposalStart.value +
+      (props.space.max_voting_period || defaultVotingDelay.value)
+  );
+});
+
 async function handleProposeClick() {
   if (!proposal.value) return;
 
@@ -212,6 +245,9 @@ async function handleProposeClick() {
     } else {
       const appName = (route.query.app as LocationQueryValue) || '';
 
+      // Proposal start, min and end time are unix timestamp,
+      // and are not compatible with onchain EMV spaces (those use blocks instead of timestamps)
+      // (these args are ignored by onchain networks)
       result = await propose(
         props.space,
         proposal.value.title,
@@ -221,6 +257,10 @@ async function handleProposeClick() {
         choices,
         proposal.value.labels,
         appName.length <= 128 ? appName : '',
+        unixTimestamp.value,
+        proposalStart.value,
+        proposalMinEnd.value,
+        proposalMaxEnd.value,
         executions
       );
     }
@@ -286,9 +326,13 @@ function handleFetchPropositionPower() {
 }
 
 watch(
-  () => web3.value.account,
-  toAccount => {
-    if (!toAccount) return;
+  [() => web3.value.account, () => web3.value.authLoading],
+  ([toAccount, toAuthLoading], [fromAccount]) => {
+    if (fromAccount && toAccount && fromAccount !== toAccount) {
+      resetPropositionPower();
+    }
+
+    if (toAuthLoading || !toAccount) return;
 
     handleFetchPropositionPower();
   },
@@ -550,10 +594,15 @@ watchEffect(() => {
             v-model="proposal.labels"
             :space="space"
           />
-          <div>
-            <h4 class="eyebrow mb-2.5" v-text="'Timeline'" />
-            <ProposalTimeline :data="space" />
-          </div>
+          <EditorTimeline
+            v-model="proposal"
+            :space="space"
+            :created="proposal.created || unixTimestamp"
+            :start="proposalStart"
+            :min_end="proposalMinEnd"
+            :max_end="proposalMaxEnd"
+            :editable="!proposal.proposalId"
+          />
         </div>
       </Affix>
     </div>
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>
diff --git a/apps/ui/src/views/User.vue b/apps/ui/src/views/User.vue
index be677e20a..3b88d3e56 100644
--- a/apps/ui/src/views/User.vue
+++ b/apps/ui/src/views/User.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { getUserStats } from '@/helpers/efp';
 import {
   _n,
   _p,
@@ -30,6 +31,13 @@ const loadingActivities = ref(false);
 const modalOpenEditUser = ref(false);
 const loaded = ref(false);
 
+const userMetadata = reactive({
+  loading: false,
+  loaded: false,
+  followers_count: 0,
+  following_count: 0
+});
+
 const id = computed(() => route.params.user as string);
 
 const user = computed(() => usersStore.getUser(id.value));
@@ -38,6 +46,21 @@ const socials = computed(() => getSocialNetworksLink(user.value));
 
 const cb = computed(() => getCacheHash(user.value?.avatar));
 
+async function loadUserMetadata(userId: string) {
+  userMetadata.loading = true;
+
+  try {
+    const userStats = await getUserStats(userId);
+
+    userMetadata.followers_count = userStats.followers_count;
+    userMetadata.following_count = userStats.following_count;
+    userMetadata.loading = false;
+    userMetadata.loaded = true;
+  } catch (e) {
+    userMetadata.loading = false;
+  }
+}
+
 async function loadActivities(userId: string) {
   loadingActivities.value = true;
 
@@ -94,6 +117,7 @@ watch(
   id,
   async userId => {
     loaded.value = false;
+    userMetadata.loaded = false;
 
     if (!isValidAddress(userId)) {
       loaded.value = true;
@@ -102,6 +126,7 @@ watch(
 
     await usersStore.fetchUser(userId);
     loadActivities(userId);
+    loadUserMetadata(userId);
 
     loaded.value = true;
   },
@@ -160,6 +185,18 @@ watchEffect(() => setTitle(`${user.value?.name || id.value} user profile`));
               <IH-check v-else class="inline-block" />
             </button>
           </UiTooltip>
+          <span v-if="userMetadata.loaded">
+            ·
+            <a :href="`https://ethfollow.xyz/${user.id}`" target="_blank">
+              {{ _n(userMetadata.following_count) }}
+              <span class="text-skin-text">following</span>
+            </a>
+            ·
+            <a :href="`https://ethfollow.xyz/${user.id}`" target="_blank">
+              {{ _n(userMetadata.followers_count) }}
+              <span class="text-skin-text">followers</span>
+            </a>
+          </span>
         </div>
         <div
           v-if="user.about"
diff --git a/yarn.lock b/yarn.lock
index 2243896a8..8f1a75f37 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2543,10 +2543,10 @@
   resolved "https://registry.yarnpkg.com/@snapshot-labs/prettier-config/-/prettier-config-0.1.0-beta.18.tgz#fcbd86d4557821bff774d60e5c636ad47ed85d77"
   integrity sha512-v6tj7l19KJUWjBbsWpwxaYO2mlIDBFyAG0OMSPhUgrhltO7b6R4Ejxn2k4Qgi/NtlnOrj+3Gt3eQRry8Jfgjrg==
 
-"@snapshot-labs/snapshot.js@^0.12.33":
-  version "0.12.33"
-  resolved "https://registry.yarnpkg.com/@snapshot-labs/snapshot.js/-/snapshot.js-0.12.33.tgz#3ce3166419931ef31f1070449318b98b9c482078"
-  integrity sha512-N5diNuGsglbcQ/t63EdnpUvl2bQO6TerpJE4bA+QHCEoqy/XQdqUjksosn/MWKt1gQfBjTYiN3aPGV4uj1mspA==
+"@snapshot-labs/snapshot.js@^0.12.36":
+  version "0.12.36"
+  resolved "https://registry.yarnpkg.com/@snapshot-labs/snapshot.js/-/snapshot.js-0.12.36.tgz#89ff38be1b2ab2b239ab5caf0b20c5c4e65eed4e"
+  integrity sha512-cCwX8mLattshjMLzb731DWDQ8/D0uHINBjTNyFhdyxwW/7B1Dr4wAIQHR+iXwJDA3aiqDJPIP6llD1HRRllvBQ==
   dependencies:
     "@ensdomains/eth-ens-namehash" "^2.0.15"
     "@ethersproject/abi" "^5.6.4"