diff --git a/src/components/DatePicker/DatePicker.vue b/src/components/DatePicker/DatePicker.vue
index 94b6dec4..c2d1055c 100644
--- a/src/components/DatePicker/DatePicker.vue
+++ b/src/components/DatePicker/DatePicker.vue
@@ -5,7 +5,7 @@
     :placement="placement"
   >
     <template #target="{ togglePopover }">
-      <Input
+      <TextInput
         readonly
         type="text"
         icon-left="calendar"
@@ -126,7 +126,6 @@
 <script setup lang="ts">
 import { computed, onMounted } from 'vue'
 
-import Input from '../Input.vue'
 import { Button } from '../Button'
 import Popover from '../Popover.vue'
 import FeatherIcon from '../FeatherIcon.vue'
diff --git a/src/components/DatePicker/DateRangePicker.vue b/src/components/DatePicker/DateRangePicker.vue
index 756a2ada..5016959a 100644
--- a/src/components/DatePicker/DateRangePicker.vue
+++ b/src/components/DatePicker/DateRangePicker.vue
@@ -5,7 +5,7 @@
     :placement="placement"
   >
     <template #target="{ togglePopover }">
-      <Input
+      <TextInput
         readonly
         type="text"
         icon-left="calendar"
@@ -122,7 +122,6 @@
 <script setup lang="ts">
 import { computed, ref, onMounted } from 'vue'
 
-import Input from '../Input.vue'
 import { Button } from '../Button'
 import Popover from '../Popover.vue'
 import FeatherIcon from '../FeatherIcon.vue'
diff --git a/src/components/DatePicker/DateTimePicker.vue b/src/components/DatePicker/DateTimePicker.vue
index bff71d7a..833884fb 100644
--- a/src/components/DatePicker/DateTimePicker.vue
+++ b/src/components/DatePicker/DateTimePicker.vue
@@ -5,7 +5,7 @@
     :placement="placement"
   >
     <template #target="{ togglePopover }">
-      <Input
+      <TextInput
         readonly
         type="text"
         icon-left="calendar"
@@ -189,7 +189,6 @@
 <script setup lang="ts">
 import { ref, computed, onMounted } from 'vue'
 
-import Input from '../Input.vue'
 import { Button } from '../Button'
 import Popover from '../Popover.vue'
 import FeatherIcon from '../FeatherIcon.vue'
diff --git a/src/components/ListView/ListHeaderItem.vue b/src/components/ListView/ListHeaderItem.vue
index 03de9a6a..df09f1f8 100644
--- a/src/components/ListView/ListHeaderItem.vue
+++ b/src/components/ListView/ListHeaderItem.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     ref="columnRef"
-    class="group flex items-center"
+    class="group relative flex items-center"
     :class="item.align ? alignmentMap[item.align] : 'justify-between'"
   >
     <div
@@ -18,7 +18,7 @@
     </div>
     <slot v-if="list.options.resizeColumn" name="resizer" v-bind="{ item }">
       <div
-        class="flex h-4 w-2 cursor-col-resize justify-center"
+        class="flex h-4 absolute -right-2 w-2 cursor-col-resize justify-center"
         @mousedown="startResizing"
       >
         <div
diff --git a/src/components/Select.vue b/src/components/Select.vue
index c47269e9..d6d5f612 100644
--- a/src/components/Select.vue
+++ b/src/components/Select.vue
@@ -108,10 +108,10 @@ const fontSizeClasses = computed(() => {
 
 const paddingClasses = computed(() => {
   return {
-    sm: 'px-2',
-    md: 'px-2.5',
-    lg: 'px-3',
-    xl: 'px-3',
+    sm: 'pl-2 pr-5',
+    md: 'pl-2.5 pr-5.5',
+    lg: 'pl-3 pr-6',
+    xl: 'pl-3 pr-6',
   }[props.size]
 })
 
@@ -146,7 +146,7 @@ const selectClasses = computed(() => {
     paddingClasses.value,
     variantClasses,
     textColor.value,
-    'transition-colors w-full py-0',
+    'transition-colors w-full py-0 truncate',
   ]
 })