diff --git a/src/components/common/TextInput.vue b/src/components/common/TextInput.vue
index c318a01f..0c118b88 100644
--- a/src/components/common/TextInput.vue
+++ b/src/components/common/TextInput.vue
@@ -10,6 +10,9 @@
       type="text"
       class="input input-sm join-item input-bordered w-full"
       :placeholder="placeholder || ''"
+      @touchstart.stop
+      @touchmove.stop
+      @touchend.stop
     />
     <XMarkIcon
       v-if="!beforeClose"
diff --git a/src/components/proxies/ProxyNodeCard.vue b/src/components/proxies/ProxyNodeCard.vue
index 6a74c92e..53a7e45b 100644
--- a/src/components/proxies/ProxyNodeCard.vue
+++ b/src/components/proxies/ProxyNodeCard.vue
@@ -28,12 +28,13 @@
 
     <div class="flex h-4 w-full items-center justify-between">
       <span
-        :class="`whitespace-nowrap text-xs tracking-tight ${active ? 'text-primary-content' : 'text-base-content/60'}`"
+        :class="`truncate text-xs tracking-tight ${active ? 'text-primary-content' : 'text-base-content/60'}`"
+        @mouseenter="checkTruncation"
       >
         {{ typeDescription }}
       </span>
       <LatencyTag
-        :class="[isSmallCard && '!h-4 !w-8']"
+        :class="[isSmallCard && '!h-4 !w-8', 'shrink-0']"
         :name="node.name"
         :loading="isLatencyTesting"
         :group-name="groupName"
@@ -65,7 +66,9 @@ const checkTruncation = (e: Event) => {
   const { scrollWidth, clientWidth } = target
 
   if (scrollWidth > clientWidth) {
-    showTip(e, target.innerText)
+    showTip(e, target.innerText, {
+      delay: [500, 0],
+    })
   }
 }
 
diff --git a/src/components/sidebar/ConnectionCtrl.tsx b/src/components/sidebar/ConnectionCtrl.tsx
index b007d940..352d879a 100644
--- a/src/components/sidebar/ConnectionCtrl.tsx
+++ b/src/components/sidebar/ConnectionCtrl.tsx
@@ -57,7 +57,7 @@ export default defineComponent({
       const sortForCards = (
         <div class={['flex w-full items-center gap-1 text-sm', props.horizontal && 'md:w-auto']}>
           <span class="shrink-0">{t('sortBy')}</span>
-          <div class="join flex-1">
+          <div class="join flex-1 max-md:w-0">
             <select
               class="join-item select select-bordered select-sm flex-1 max-md:w-0"
               v-model={connectionSortType.value}
diff --git a/src/helper/tooltip.ts b/src/helper/tooltip.ts
index 35424e14..7365110f 100644
--- a/src/helper/tooltip.ts
+++ b/src/helper/tooltip.ts
@@ -16,13 +16,13 @@ export const useTooltip = () => {
       animation: 'scale',
       appendTo: appContent,
       allowHTML: true,
+      showOnCreate: true,
       onHidden: () => {
         tippyInstance?.destroy()
         tippyInstance = null
       },
       ...config,
     })
-    tippyInstance.show()
   }
 
   return {
diff --git a/src/views/ConnectionsPage.vue b/src/views/ConnectionsPage.vue
index 23e80ddc..afe714ef 100644
--- a/src/views/ConnectionsPage.vue
+++ b/src/views/ConnectionsPage.vue
@@ -1,5 +1,8 @@
 <template>
-  <div class="size-full overflow-x-hidden">
+  <div
+    class="size-full overflow-x-hidden"
+    :class="{ 'pb-1': useConnectionCard }"
+  >
     <ConnectionCardList
       v-if="useConnectionCard"
       class="overflow-x-hidden p-2"
diff --git a/src/views/LogsPage.vue b/src/views/LogsPage.vue
index 3cf7e230..984c5244 100644
--- a/src/views/LogsPage.vue
+++ b/src/views/LogsPage.vue
@@ -1,17 +1,18 @@
 <template>
-  <div class="size-full overflow-x-hidden">
+  <div class="size-full overflow-x-hidden pb-1">
     <template v-if="!renderLogs.length">
       <div class="card m-2 flex-row p-2 text-sm">
         {{ $t('noContent') }}
       </div>
     </template>
     <VirtualScroller
+      v-else
       :data="renderLogs"
       :size="64"
       class="p-2"
     >
       <template v-slot="{ item }: { item: LogWithSeq }">
-        <div class="card mb-1 block p-2 text-sm">
+        <div class="card mb-1 block break-all p-2 text-sm">
           <span>{{ item.seq }}</span>
           <span class="mx-2 text-primary">
             {{ dayjs(item.time).locale(language).format('HH:mm:ss') }}
diff --git a/src/views/SetupPage.vue b/src/views/SetupPage.vue
index 08ed8d73..42b60041 100644
--- a/src/views/SetupPage.vue
+++ b/src/views/SetupPage.vue
@@ -1,15 +1,15 @@
 <template>
   <div
-    class="flex h-full w-full items-center justify-center bg-base-200/40"
+    class="h-full w-full items-center justify-center overflow-auto bg-base-200/40 sm:flex"
     @keydown.enter="handleSubmit(form)"
   >
-    <div class="absolute right-4 top-4">
+    <div class="absolute right-4 top-4 max-sm:hidden">
       <ImportSettings />
     </div>
-    <div class="absolute bottom-4 right-4">
+    <div class="absolute bottom-4 right-4 max-sm:hidden">
       <LanguageSelect />
     </div>
-    <div class="card w-96 max-w-[90%] gap-2 px-6 py-2">
+    <div class="card mx-auto w-96 max-w-[90%] gap-2 px-6 py-2 max-sm:my-4">
       <h1 class="text-2xl font-semibold">{{ $t('setup') }}</h1>
       <div class="form-control">
         <label class="label">
@@ -117,6 +117,10 @@
           </div>
         </template>
       </Draggable>
+      <LanguageSelect class="mt-4 sm:hidden" />
+      <div class="absolute right-2 top-2 sm:hidden">
+        <ImportSettings />
+      </div>
     </div>
   </div>
 </template>