diff --git a/components/AccountDropdown.vue b/components/AccountDropdown.vue
index 2a13e9b..0327e74 100644
--- a/components/AccountDropdown.vue
+++ b/components/AccountDropdown.vue
@@ -1,6 +1,6 @@
 <template>
-  <div>
-    <div v-if="active && activeAccount" class="relative w-[193px]" v-click-outside="hide">
+  <div class="mt-3 w-full md:w-auto md:mt-0">
+    <div v-if="active && activeAccount" class="relative w-full md:w-[193px]" v-click-outside="hide">
       <button
         type="button"
         class=" relative w-full border border-primary-blue-border rounded pl-3 pr-10 py-2 text-left focus:outline-none focus:ring-1 focus:ring-[#0846E4] focus:border-[#0846E4] sm:text-sm"
@@ -10,7 +10,7 @@
         @click="show = !show"
       >
         <span
-          class="flex items-center capitalize text-center text-sm font-bold"
+          class="flex items-center capitalize text-center text-sm font-bold truncate"
         >
           <div class="mr-2">
             <svg
diff --git a/components/AccountSwitcher.vue b/components/AccountSwitcher.vue
index 9d443ac..db43e3d 100644
--- a/components/AccountSwitcher.vue
+++ b/components/AccountSwitcher.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="relative w-[160px] md:w-[178px]" v-click-outside="hide" v-if="activeAccount">
+  <div class="relative w-1/2 md:w-[178px]" v-click-outside="hide" v-if="activeAccount">
     <button
       type="button"
       class="bg-primary-blue-dark hover:bg-primary-blue-hover relative w-full border border-primary-blue-border rounded pl-3 pr-10 py-2 text-left focus:outline-none focus:ring-1 focus:ring-[#0846E4] focus:border-[#0846E4] sm:text-sm"
diff --git a/components/Navbar.vue b/components/Navbar.vue
index 290fae7..4fb1fc9 100644
--- a/components/Navbar.vue
+++ b/components/Navbar.vue
@@ -40,7 +40,7 @@
     </div>
 
     <div
-      class="mt-8 md:mt-0 ml-auto flex items-center justify-center space-x-2.5"
+      class="mt-8 md:mt-0 md:ml-auto flex-wrap flex items-center md:justify-center md:space-x-2.5"
     >
       <AccountSwitcher v-if="active" />
 
diff --git a/components/NetworkSwitcher.vue b/components/NetworkSwitcher.vue
index 1e7222a..9b04028 100644
--- a/components/NetworkSwitcher.vue
+++ b/components/NetworkSwitcher.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="relative w-[160px] md:w-[178px]" v-click-outside="hide">
+  <div class="relative w-1/2 md:w-[178px]" v-click-outside="hide">
     <button
       type="button"
       class="bg-primary-blue-dark hover:bg-primary-blue-hover relative w-full border border-primary-blue-border rounded pl-2.5 pr-10 py-1.5 text-left focus:outline-none focus:ring-1 focus:ring-[#0846E4] focus:border-[#0846E4] sm:text-sm"
diff --git a/layouts/default.vue b/layouts/default.vue
index ad29987..a664944 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -43,7 +43,7 @@
 
     <NotificationBar />
 
-    <div class="fixed bottom-0 right-0 mr-10 mb-28">
+    <div class="fixed bottom-0 right-0 mr-5 md:mr-10 mb-5 md:mb-28">
       <button
         @click="showSidebarBalances"
         class="px-9 h-[56px] bg-primary-blue-dark hover:bg-primary-blue-hover text-white rounded-[28px] text-lg font-semibold shadow flex items-center"