diff --git a/packages/nc-gui/components/cell/DateTimePicker.vue b/packages/nc-gui/components/cell/DateTimePicker.vue
index de8f5d62cd..7fc43097e1 100644
--- a/packages/nc-gui/components/cell/DateTimePicker.vue
+++ b/packages/nc-gui/components/cell/DateTimePicker.vue
@@ -21,7 +21,7 @@ const timeFormatsObj = {
 
 const { isMssql, isXcdbBase } = useBase()
 
-const { showNull, isMobileMode } = useGlobal()
+const { showNull } = useGlobal()
 
 const readOnly = inject(ReadonlyInj, ref(false))
 
@@ -521,7 +521,7 @@ const currentDate = ($event) => {
             :value="cellValue"
             :placeholder="typeof placeholder === 'string' ? placeholder : placeholder?.time"
             class="nc-time-input w-full !truncate border-transparent outline-none !text-current !bg-transparent !focus:(border-none outline-none ring-transparent)"
-            :readonly="!!isMobileMode || isColDisabled"
+            :readonly="isColDisabled"
             @focus="onFocus(false)"
             @blur="onBlur($event, false)"
             @keydown="handleKeydown($event, open)"
diff --git a/packages/nc-gui/components/cell/attachment/AttachFile.vue b/packages/nc-gui/components/cell/attachment/AttachFile.vue
index 9c95dbe6b7..07bc2bf885 100644
--- a/packages/nc-gui/components/cell/attachment/AttachFile.vue
+++ b/packages/nc-gui/components/cell/attachment/AttachFile.vue
@@ -48,7 +48,7 @@ watch(activeMenu, (newVal, oldValue) => {
     class="!rounded-md"
     @keydown.esc="dialogShow = false"
   >
-    <div class="flex h-full flex-row" :class="{ 'flex-col': isMobileMode }">
+    <div class="flex h-full" :class="isMobileMode ? 'flex-col' : 'flex-row'">
       <div style="border-top-left-radius: 1rem; border-bottom-left-radius: 1rem" class="px-2 !-full flex-grow bg-gray-50">
         <NcMenu class="!h-full !bg-gray-50 flex flex-col" :class="{ '!flex-row overflow-x-scroll': isMobileMode }">
           <NcMenuItem
diff --git a/packages/nc-gui/components/cell/attachment/Carousel.vue b/packages/nc-gui/components/cell/attachment/Carousel.vue
index 1ff298762a..c6f84cf815 100644
--- a/packages/nc-gui/components/cell/attachment/Carousel.vue
+++ b/packages/nc-gui/components/cell/attachment/Carousel.vue
@@ -322,13 +322,15 @@ const initEmblaApi = (val: any) => {
             </NcButton>
           </NcTooltip>
 
-          <NcButton class="!hover:bg-transparent !text-white" size="xsmall" type="text" @click="removeFile(selectedIndex)">
-            <component
-              :is="iconMap.delete"
-              v-if="isSharedForm || (isUIAllowed('dataEdit') && !isPublic)"
-              class="!hover:text-gray-400"
-            />
-          </NcButton>
+          <NcTooltip v-if="!isReadonly && (isSharedForm || (isUIAllowed('dataEdit') && !isPublic))" color="light" placement="bottomRight">
+            <template #title> {{ $t('title.removeFile') }} </template>
+            <NcButton class="!hover:bg-transparent !text-white" size="xsmall" type="text" @click="removeFile(selectedIndex)">
+              <component
+                :is="iconMap.delete"
+                class="!hover:text-gray-400"
+              />
+            </NcButton>
+          </NcTooltip>
         </div>
         <GeneralDeleteModal v-model:visible="isModalOpen" entity-name="File" :on-delete="() => handleFileDelete(filetoDelete.i)">
           <template #entity-preview>
diff --git a/packages/nc-gui/components/cell/attachment/Modal.vue b/packages/nc-gui/components/cell/attachment/Modal.vue
index 7ac16e465a..20f7476263 100644
--- a/packages/nc-gui/components/cell/attachment/Modal.vue
+++ b/packages/nc-gui/components/cell/attachment/Modal.vue
@@ -203,10 +203,15 @@ const handleFileRename = async () => {
 
           <div class="relative px-1 pb-1 items-center flex" :title="item.title">
             <div
-              class="flex w-full text-[12px] items-center text-gray-700 cursor-default h-5 truncate"
+              class="flex w-full text-[12px] items-center text-gray-700 cursor-default h-5"
+              :class="{ truncate: !isRenamingFile }"
               @dblclick.stop="handleFileRenameStart(i)"
             >
-              <NcTooltip v-if="!isRenamingFile || renameFileIdx !== i" class="truncate h-5 flex items-center" show-on-truncate-only>
+              <NcTooltip
+                v-if="!isRenamingFile || renameFileIdx !== i"
+                class="truncate h-5 flex items-center"
+                show-on-truncate-only
+              >
                 {{ item.title }}
 
                 <template #title>
@@ -217,7 +222,7 @@ const handleFileRename = async () => {
                 v-else
                 ref="inputBox"
                 v-model:value="newTitle"
-                class="!text-[12px] !h-5 !p-0 !bg-transparent !rounded-md"
+                class="!text-[12px] !h-5 !p-0 !px-0.5 !mr-1 !bg-transparent !rounded-md"
                 type="text"
                 @keydown.enter="handleFileRename"
                 @keydown.escape.stop="handleResetFileRename"
@@ -231,7 +236,7 @@ const handleFileRename = async () => {
               <NcTooltip placement="bottom">
                 <template #title> {{ $t('title.downloadFile') }} </template>
                 <NcButton
-                  class="!p-0 !w-5 !h-5 text-gray-500 !min-w-[fit-content]"
+                  class="!p-0 !w-5 !h-5 !text-gray-500 !min-w-[fit-content]"
                   size="xsmall"
                   type="text"
                   @click="downloadAttachment(item)"
@@ -255,7 +260,7 @@ const handleFileRename = async () => {
               <NcTooltip v-if="isSharedForm || (!readOnly && isUIAllowed('dataEdit') && !isPublic)" placement="bottom">
                 <template #title> {{ $t('title.removeFile') }} </template>
                 <NcButton
-                  class="!p-0 !h-4 !w-4 !text-red-500 nc-attachment-remove !min-w-[fit-content]"
+                  class="!p-0 !h-5 !w-5 !text-red-500 nc-attachment-remove !min-w-[fit-content]"
                   size="xsmall"
                   type="text"
                   @click="removeFile(i)"