diff --git a/src/components/navs/AppNav/AppNavActions.vue b/src/components/navs/AppNav/AppNavActions.vue
index 0587caa50..8349363e2 100644
--- a/src/components/navs/AppNav/AppNavActions.vue
+++ b/src/components/navs/AppNav/AppNavActions.vue
@@ -6,6 +6,7 @@ import useWeb3 from '@/services/web3/useWeb3';
 import { Goals, trackGoal } from '@/composables/useFathom';
 import AppNavAccountBtn from './AppNavAccountBtn.vue';
 import AppNavNetworkSelect from './AppNavNetworkSelect.vue';
+import DarkModeToggle from '@/components/btns/DarkModeToggle.vue';
 
 /**
  * COMPOSABLES
@@ -30,6 +31,7 @@ function connectWalletHandler() {
 
 <template>
   <div class="grid grid-rows-1 grid-flow-col gap-2">
+    <DarkModeToggle v-if="!isMobile" />
     <AppNavActivityBtn v-if="account" />
     <AppNavNetworkSelect v-if="!hideNetworkSelect" />
     <AppNavAccountBtn v-if="account" />
diff --git a/src/components/navs/AppNav/AppNavNetworkSelect.vue b/src/components/navs/AppNav/AppNavNetworkSelect.vue
index 7a0c0166f..607170401 100644
--- a/src/components/navs/AppNav/AppNavNetworkSelect.vue
+++ b/src/components/navs/AppNav/AppNavNetworkSelect.vue
@@ -165,7 +165,7 @@ function isActive(network: NetworkOption): boolean {
             :alt="network.name"
             class="mr-2 w-6 h-6 rounded-full"
           />
-          <span class="ml-1 font-medium">
+          <span class="overflow-x-hidden ml-1 max-w-full font-medium">
             {{ network.name }}
           </span>
 
diff --git a/src/components/navs/AppNav/AppSidebar/SidebarContent.vue b/src/components/navs/AppNav/AppSidebar/SidebarContent.vue
index 6b6b4a5d0..10ba85194 100644
--- a/src/components/navs/AppNav/AppSidebar/SidebarContent.vue
+++ b/src/components/navs/AppNav/AppSidebar/SidebarContent.vue
@@ -15,6 +15,7 @@ import { Goals, trackGoal } from '@/composables/useFathom';
 import useNetwork from '@/composables/useNetwork';
 import { sleep } from '@/lib/utils';
 import useWeb3 from '@/services/web3/useWeb3';
+import useDarkMode from '@/composables/useDarkMode';
 
 /**
  * PROPS & EMITS
@@ -30,6 +31,7 @@ const { networkSlug } = useNetwork();
 const { t } = useI18n();
 const router = useRouter();
 const { openNpsModal } = useAppzi();
+const { darkMode, toggleDarkMode } = useDarkMode();
 
 /**
  * STATE
@@ -131,13 +133,13 @@ watch(blockNumber, async () => {
       }}</span>
     </div>
 
-    <!-- <div class="px-4 mt-6">
+    <div class="px-4 mt-6">
       <div class="mt-2 side-bar-btn" @click="toggleDarkMode">
         <MoonIcon v-if="!darkMode" class="mr-2" />
         <SunIcon v-else class="mr-2" />
         <span>{{ darkMode ? 'Light' : 'Dark' }} mode</span>
       </div>
-    </div> -->
+    </div>
 
     <div class="grid grid-rows-1 grid-flow-col auto-cols-min gap-2 px-4 mt-4">
       <BalLink