diff --git a/src/layouts/components/NavFooter.vue b/src/layouts/components/NavFooter.vue
index d2ce34b2..ac0bebf3 100644
--- a/src/layouts/components/NavFooter.vue
+++ b/src/layouts/components/NavFooter.vue
@@ -1,5 +1,7 @@
 <template>
-  <footer class="footer items-center p-4 text-sm mb-4">
+  <footer
+    class="footer items-center pt-4  pb-8 text-sm bg-gray-100 dark:bg-[#171d30] sticky bottom-0 z-10 mt-8"
+  >
     <div class="items-center grid-flow-col">
       &copy;
       {{ new Date().getFullYear() }}
@@ -31,6 +33,4 @@
       >
     </div>
   </footer>
-  
 </template>
-
diff --git a/src/modules/[chain]/widget/index.vue b/src/modules/[chain]/widget/index.vue
index 41557b84..d728df97 100644
--- a/src/modules/[chain]/widget/index.vue
+++ b/src/modules/[chain]/widget/index.vue
@@ -20,7 +20,7 @@ const hdPath = computed(() => {
   <div>
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded shadow">
       <h2 class="card-title">Initial Setting</h2>
-      <div class="my-4 grid grid-flow-col auto-cols-max ">
+      <div class="my-4 grid grid-flow-col auto-cols-max  overflow-auto">
         <div class="form-control">
             <div class="input-group">
                 <span>Endpoint</span>