diff --git a/package.json b/package.json
index 404bbf07..d0ba6045 100644
--- a/package.json
+++ b/package.json
@@ -61,6 +61,7 @@
     "@types/eslint": "^9.6.1",
     "@types/eslint__js": "^8.42.3",
     "@types/eslint__eslintrc": "^2.1.2",
+    "@types/color-string": "^1.5.5",
     "@types/events": "^3.0.3",
     "@types/gettext-parser": "^8.0.0",
     "@types/highlight.js": "^10.1.0",
@@ -90,14 +91,14 @@
     "chalk": "4.1.2"
   },
   "dependencies": {
+    "color-string": "^1.9.1",
     "date-fns": "^2.30.0",
-    "hex-color-converter": "^0.2.1",
+    "graphemer": "^1.4.0",
     "highlight.js": "^11.9.0",
     "htmlparser2": "^9.1.0",
     "is-url": "^1.2.4",
     "pretty-bytes": "^6.1.1",
-    "prismjs": "^1.29.0",
-    "validate-color": "https://gitpkg.now.sh/dreamyguy/validate-color/src/validate-color"
+    "prismjs": "^1.29.0"
   },
-  "packageManager": "yarn@1.22.22"
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }
diff --git a/resources/icons/hicolor/scalable/actions/blend-tool-symbolic.svg b/resources/icons/hicolor/scalable/actions/blend-tool-symbolic.svg
new file mode 100644
index 00000000..6c2c19ca
--- /dev/null
+++ b/resources/icons/hicolor/scalable/actions/blend-tool-symbolic.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" height="16px" viewBox="0 0 16 16" width="16px"><g fill="#222222"><path d="m 6 11 h 1 v 1 h -1 z m 1 1 h 1 v 1 h -1 z m -1 -3 h 1 v 1 h -1 z m 1 1 h 1 v 1 h -1 z m -1 -3 h 1 v 1 h -1 z m 1 1 h 1 v 1 h -1 z m -1 -3 h 1 v 1 h -1 z m 1 1 h 1 v 1 h -1 z m -1 -3 h 1 v 1 h -1 z m 1 1 h 1 v 1 h -1 z m -4 -1 h 3 v 10 h -3 z m 0 0"/><path d="m 8 3 h 1 v 10 h -1 z m 2 9 h 1 v 1 h -1 z m 0 -2 h 1 v 1 h -1 z m 0 -2 h 1 v 1 h -1 z m 0 -2 h 1 v 1 h -1 z m 0 -2 h 1 v 1 h -1 z m -1 7 h 1 v 1 h -1 z m 0 -2 h 1 v 1 h -1 z m 0 -2 h 1 v 1 h -1 z m 0 -2 h 1 v 1 h -1 z m 0 -2 h 1 v 1 h -1 z m 0 0" fill-opacity="0.35"/><path d="m 3.5 1 c -1.375 0 -2.5 1.125 -2.5 2.5 v 9 c 0 1.375 1.125 2.5 2.5 2.5 h 9 c 1.375 0 2.5 -1.125 2.5 -2.5 v -9 c 0 -1.375 -1.125 -2.5 -2.5 -2.5 z m 0 1 h 9 c 0.839844 0 1.5 0.660156 1.5 1.5 v 9 c 0 0.839844 -0.660156 1.5 -1.5 1.5 h -9 c -0.839844 0 -1.5 -0.660156 -1.5 -1.5 v -9 c 0 -0.839844 0.660156 -1.5 1.5 -1.5 z m 0 0"/></g></svg>
diff --git a/resources/icons/hicolor/scalable/actions/paper-filled-symbolic.svg b/resources/icons/hicolor/scalable/actions/paper-filled-symbolic.svg
new file mode 100644
index 00000000..97587b88
--- /dev/null
+++ b/resources/icons/hicolor/scalable/actions/paper-filled-symbolic.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" height="16px" viewBox="0 0 16 16" width="16px"><path d="m 5 1 c -1.660156 0 -3 1.339844 -3 3 v 9 c 0 1.660156 1.339844 3 3 3 h 6 c 1.660156 0 3 -1.339844 3 -3 v -6 c 0 -0.90625 -0.359375 -1.773438 -1 -2.414062 l -2.585938 -2.585938 c -0.640624 -0.640625 -1.507812 -1 -2.414062 -1 z m 3 2 l 4 4 h -4 z m 0 0" fill="#222222"/></svg>
diff --git a/resources/images/incognito-mode.svg b/resources/images/incognito-mode.svg
index c278d72e..ea2bc8e1 100644
--- a/resources/images/incognito-mode.svg
+++ b/resources/images/incognito-mode.svg
@@ -1 +1,2 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48"><circle cx="24" cy="24" r="24" style="fill:#3584e4;opacity:.3"/><g fill="#222" style="fill:#f2f2f2;fill-opacity:1"><path d="M6.227 1.172c-1.426.02-2.247 1.312-2.57 2.61v.038L3.015 6h-1c-.555 0-1 .445-1 1 0 .555.445 1 1 1h12c.554 0 1-.445 1-1 0-.555-.446-1-1-1h-1l-.641-2.207c-.195-.848-1.047-1.738-2.14-1.738-.598 0-1.169.246-1.575.68a2.614 2.614 0 0 0-2.39-1.563h-.043ZM4.516 8.984a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zm0 1a1.498 1.498 0 1 1 0 2.996 1.493 1.493 0 0 1-1.496-1.496c0-.828.667-1.5 1.496-1.5zm7-1a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zm0 1a1.498 1.498 0 1 1 0 2.996 1.493 1.493 0 0 1-1.496-1.496c0-.828.668-1.5 1.496-1.5zm0 0" style="fill:#f2f2f2;fill-opacity:1" transform="matrix(2 0 0 2 8 8)"/><path d="M6.45 12.543a.498.498 0 0 1-.5-.5c0-.734.394-1.414 1.034-1.781a2.088 2.088 0 0 1 2.063 0 2.058 2.058 0 0 1 1.039 1.781c0 .277-.223.5-.5.5a.498.498 0 0 1-.5-.5c0-.375-.203-.723-.535-.91a1.07 1.07 0 0 0-1.07 0 1.042 1.042 0 0 0-.532.91c0 .277-.222.5-.5.5zm0 0" style="fill:#f2f2f2;fill-opacity:1" transform="matrix(2 0 0 2 8 8)"/></g></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" height="36px" viewBox="0 0 16 16" width="36px"><g fill="#ffffff" opacity="0.3"><path d="m 6.226562 1.171875 c -1.425781 0.019531 -2.246093 1.3125 -2.570312 2.609375 v 0.039062 l -0.640625 2.179688 h -1 c -0.554687 0 -1 0.445312 -1 1 s 0.445313 1 1 1 h 12 c 0.554687 0 1 -0.445312 1 -1 s -0.445313 -1 -1 -1 h -1 l -0.640625 -2.207031 c -0.195312 -0.847657 -1.046875 -1.738281 -2.140625 -1.738281 c -0.597656 0 -1.167969 0.246093 -1.574219 0.679687 c -0.417968 -0.949219 -1.355468 -1.5625 -2.390625 -1.5625 c -0.015625 0 -0.027343 0 -0.042969 0 z m 0 0"/><path d="m 4.515625 8.984375 c -1.378906 0 -2.5 1.117187 -2.5 2.5 c 0 1.378906 1.121094 2.5 2.5 2.5 c 1.382813 0 2.5 -1.121094 2.5 -2.5 c 0 -1.382813 -1.117187 -2.5 -2.5 -2.5 z m 0 1 c 0.828125 0 1.5 0.671875 1.5 1.5 s -0.671875 1.496094 -1.5 1.496094 s -1.496094 -0.667969 -1.496094 -1.496094 s 0.667969 -1.5 1.496094 -1.5 z m 0 0"/><path d="m 11.515625 8.984375 c -1.378906 0 -2.5 1.117187 -2.5 2.5 c 0 1.378906 1.121094 2.5 2.5 2.5 c 1.382813 0 2.5 -1.121094 2.5 -2.5 c 0 -1.382813 -1.117187 -2.5 -2.5 -2.5 z m 0 1 c 0.828125 0 1.5 0.671875 1.5 1.5 s -0.671875 1.496094 -1.5 1.496094 s -1.496094 -0.667969 -1.496094 -1.496094 s 0.667969 -1.5 1.496094 -1.5 z m 0 0"/><path d="m 6.449219 12.542969 c -0.277344 0 -0.5 -0.222657 -0.5 -0.5 c 0 -0.734375 0.394531 -1.414063 1.035156 -1.78125 c 0.636719 -0.363281 1.425781 -0.363281 2.0625 0 c 0.640625 0.367187 1.039063 1.046875 1.039063 1.78125 c 0 0.277343 -0.222657 0.5 -0.5 0.5 c -0.277344 0 -0.5 -0.222657 -0.5 -0.5 c 0 -0.375 -0.203126 -0.722657 -0.535157 -0.910157 c -0.332031 -0.191406 -0.738281 -0.191406 -1.070312 0 c -0.332031 0.1875 -0.53125 0.535157 -0.53125 0.910157 c 0 0.277343 -0.222657 0.5 -0.5 0.5 z m 0 0"/></g></svg>
diff --git a/resources/po/ar.po b/resources/po/ar.po
index 73743734..a6a120a1 100644
--- a/resources/po/ar.po
+++ b/resources/po/ar.po
@@ -31,11 +31,15 @@ msgstr "الوضع المخفي"
 msgid "Settings"
 msgstr "الإعدادات"
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr ""
 
-#: src/components/searchBox.ts:70
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr ""
 
@@ -90,8 +94,6 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
 msgstr ""
@@ -99,21 +101,17 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr ""
@@ -136,141 +134,183 @@ msgstr ""
 msgid "Color Item Style"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
-msgid "Metadata Background Color"
+#: src/prefs/customization/colorItemStyle.ts:41
+msgid "You can change the font of the metadata"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
-msgid "You can change the background color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:21
+msgid "Common"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "Icon Pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "You can change the icon pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "You can change the font of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:28
+msgid "Default Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:14
-msgid "Common"
+#: src/prefs/customization/commonStyleGroup.ts:29
+msgid "Legacy Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "Icon Pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "You can change the icon pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:21
-msgid "Default Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:22
-msgid "Legacy Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
 msgstr ""
 
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
+
 #: src/prefs/customization/emojiItemStyle.ts:15
 msgid "Change the style of the emoji item"
 msgstr ""
@@ -295,14 +335,104 @@ msgstr ""
 msgid "File Item Style"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "Body Text Color"
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "You can change the text color of the body"
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
 msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
@@ -313,10 +443,6 @@ msgstr ""
 msgid "Image Item Style"
 msgstr ""
 
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr ""
-
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
 msgstr ""
@@ -333,51 +459,59 @@ msgstr ""
 msgid "Link Item Style"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:42
+msgid "Metadata Background Color"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:43
+msgid "You can change the background color of the metadata"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr ""
 
@@ -389,6 +523,14 @@ msgstr ""
 msgid "Text Item Style"
 msgstr ""
 
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "Body Text Color"
+msgstr ""
+
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "You can change the text color of the body"
+msgstr ""
+
 #: src/prefs/dangerZone/clearHistory.ts:15
 msgid "Clears the clipboard database and cache"
 msgstr "يزيل قاعدة بيانات الحافظة وذاكرتها المؤقتة"
@@ -433,7 +575,7 @@ msgstr "سيمتنع بانو عن التتبع إذا فُعلت نافذة م
 msgid "Window class name"
 msgstr "اسم طراز النافذة"
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr "خيارات عامة"
 
@@ -507,6 +649,14 @@ msgstr "تشغيل مقطع صوتي عند النسخ"
 msgid "Allow Pano to play an audio when copying new content"
 msgstr "يسمح لبانو بتشغيل مقطع صوتي عند نسخ محتوى جديد"
 
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:16
 msgid "Send Notification on Copy"
 msgstr ""
@@ -555,39 +705,39 @@ msgstr ""
 msgid "Wiggles the indicator on panel"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:407
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:451
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr ""
 
diff --git a/resources/po/bg.po b/resources/po/bg.po
index 56ae4b1e..6b8e8b3e 100644
--- a/resources/po/bg.po
+++ b/resources/po/bg.po
@@ -31,11 +31,15 @@ msgstr "Режим \"инкогнито\""
 msgid "Settings"
 msgstr "Настройки"
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr ""
 
-#: src/components/searchBox.ts:70
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr ""
 
@@ -90,8 +94,6 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
 msgstr ""
@@ -99,21 +101,17 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr ""
@@ -136,141 +134,183 @@ msgstr ""
 msgid "Color Item Style"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
-msgid "Metadata Background Color"
+#: src/prefs/customization/colorItemStyle.ts:41
+msgid "You can change the font of the metadata"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
-msgid "You can change the background color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:21
+msgid "Common"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "Icon Pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "You can change the icon pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "You can change the font of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:28
+msgid "Default Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:14
-msgid "Common"
+#: src/prefs/customization/commonStyleGroup.ts:29
+msgid "Legacy Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "Icon Pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "You can change the icon pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:21
-msgid "Default Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:22
-msgid "Legacy Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
 msgstr ""
 
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
+
 #: src/prefs/customization/emojiItemStyle.ts:15
 msgid "Change the style of the emoji item"
 msgstr ""
@@ -295,14 +335,104 @@ msgstr ""
 msgid "File Item Style"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "Body Text Color"
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "You can change the text color of the body"
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
 msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
@@ -313,10 +443,6 @@ msgstr ""
 msgid "Image Item Style"
 msgstr ""
 
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr ""
-
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
 msgstr ""
@@ -333,51 +459,59 @@ msgstr ""
 msgid "Link Item Style"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:42
+msgid "Metadata Background Color"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:43
+msgid "You can change the background color of the metadata"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr ""
 
@@ -389,6 +523,14 @@ msgstr ""
 msgid "Text Item Style"
 msgstr ""
 
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "Body Text Color"
+msgstr ""
+
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "You can change the text color of the body"
+msgstr ""
+
 #: src/prefs/dangerZone/clearHistory.ts:15
 msgid "Clears the clipboard database and cache"
 msgstr "Изчиства базата данни и кеша на клипборда"
@@ -433,7 +575,7 @@ msgstr "Pano ще спре проследяването, ако някой пр
 msgid "Window class name"
 msgstr "Име на класа на прозореца"
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr "Общи опции"
 
@@ -507,6 +649,14 @@ msgstr "Възпроизвеждане на аудио на копие"
 msgid "Allow Pano to play an audio when copying new content"
 msgstr "Позволяване на Pano да възпроизвежда аудио при копиране на ново съдържание"
 
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:16
 msgid "Send Notification on Copy"
 msgstr ""
@@ -555,39 +705,39 @@ msgstr ""
 msgid "Wiggles the indicator on panel"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:407
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:451
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr ""
 
diff --git a/resources/po/cs.po b/resources/po/cs.po
index 78f90e12..17dc6dbd 100644
--- a/resources/po/cs.po
+++ b/resources/po/cs.po
@@ -31,11 +31,15 @@ msgstr "Anonymní režim"
 msgid "Settings"
 msgstr "Nastavení"
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr "Bez popisu"
 
-#: src/components/searchBox.ts:70
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr "Pište pro vyhledávání, Tab pro cyklování mezi kategoriemi"
 
@@ -90,8 +94,6 @@ msgstr "Můžete změnit barvu textu záhlaví"
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
 msgstr "Barva pozadí těla"
@@ -99,21 +101,17 @@ msgstr "Barva pozadí těla"
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr "Můžete změnit barvu pozadí těla"
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr "Písmo těla"
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr "Můžete změnit písmo těla"
@@ -136,141 +134,183 @@ msgstr "Změňte styly barvy"
 msgid "Color Item Style"
 msgstr "Barva - nastavení stylů"
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
-msgid "Metadata Background Color"
-msgstr "Barva pozadí metadat"
-
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
-msgid "You can change the background color of the metadata"
-msgstr "Můžete změnit barvu pozadí metadat"
-
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
-msgstr "Barva textu metadat"
-
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
-msgstr "Můžete změnit barvu textu metadat"
-
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
+#: src/prefs/customization/colorItemStyle.ts:41
 msgid "You can change the font of the metadata"
 msgstr "Můžete změnit písmo metadat"
 
-#: src/prefs/customization/commonStyleGroup.ts:14
+#: src/prefs/customization/commonStyleGroup.ts:21
 msgid "Common"
 msgstr "Obecné"
 
-#: src/prefs/customization/commonStyleGroup.ts:20
+#: src/prefs/customization/commonStyleGroup.ts:27
 msgid "Icon Pack"
 msgstr "Sada ikon"
 
-#: src/prefs/customization/commonStyleGroup.ts:20
+#: src/prefs/customization/commonStyleGroup.ts:27
 msgid "You can change the icon pack"
 msgstr "Můžete změnit sadu ikon"
 
-#: src/prefs/customization/commonStyleGroup.ts:21
+#: src/prefs/customization/commonStyleGroup.ts:28
 msgid "Default Icons"
 msgstr "Výchozí ikony"
 
-#: src/prefs/customization/commonStyleGroup.ts:22
+#: src/prefs/customization/commonStyleGroup.ts:29
 msgid "Legacy Icons"
 msgstr "Starší ikony"
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
-msgstr "Velikost položky"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
-msgstr "Můžete změnit velikost položky"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
 msgstr "Poloha okna"
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
 msgstr "Můžete změnit pozici Pano"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
 msgstr "Dole"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
 msgstr "Vlevo"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
 msgstr "Vpravo"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
 msgstr "Nahoře"
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
 msgstr "Barva pozadí okna"
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
 msgstr "Můžete změnit barvu pozadí okna"
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
 msgstr "Barva pozadí anonymního okna"
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
 msgstr "Můžete změnit barvu pozadí anonymního okna"
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
 msgstr "Písmo vyhledávací lišty"
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
 msgstr "Můžete změnit písmo vyhledávání"
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
 msgstr "Písmo názvu položky"
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
 msgstr "Můžete změnit písmo nadpisu"
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
 msgstr "Písmo položky Datum"
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
 msgstr "Můžete změnit písmo data"
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
 msgstr "Barva ohraničení aktivní položky"
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
 msgstr "Můžete změnit barvu okraje aktivní položky"
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
 msgstr "Barva ohraničení při najetí na položku"
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
 msgstr "Můžete změnit barvu ohraničení při najetí na položku"
 
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
+
 #: src/prefs/customization/emojiItemStyle.ts:15
 msgid "Change the style of the emoji item"
 msgstr "Změňte styly emoji"
@@ -295,15 +335,105 @@ msgstr "Změňte styly souboru"
 msgid "File Item Style"
 msgstr "Soubor - nastavení stylů"
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "Body Text Color"
-msgstr "Barva textu těla"
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
+msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "You can change the text color of the body"
-msgstr "Můžete změnit barvu textu těla"
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
+msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
 msgid "Change the style of the image item"
@@ -313,10 +443,6 @@ msgstr "Změňte styly obrázku"
 msgid "Image Item Style"
 msgstr "Obrázek - nastavení stylů"
 
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr "Písmo metadat"
-
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
 msgstr "Přizpůsobení"
@@ -333,51 +459,59 @@ msgstr "Změňte styly odkazu"
 msgid "Link Item Style"
 msgstr "Odkaz - nastavení stylů"
 
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:42
+msgid "Metadata Background Color"
+msgstr "Barva pozadí metadat"
+
+#: src/prefs/customization/linkItemStyle.ts:43
+msgid "You can change the background color of the metadata"
+msgstr "Můžete změnit barvu pozadí metadat"
+
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr "Barva názvu metadat"
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr "Můžete změnit barvu názvu metadat"
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr "Písmo názvu metadat"
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr "Můžete změnit písmo názvu metadat"
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr "Barva popisu metadat"
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr "Můžete změnit barvu popisu metadat"
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr "Písmo popisu metadat"
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr "Můžete změnit písmo popisu metadat"
 
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr "Barva odkazu metadat"
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr "Můžete změnit barvu odkazu metadat"
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr "Písmo odkazu metadat"
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr "Můžete změnit písmo odkazu na metadata"
 
@@ -389,6 +523,14 @@ msgstr "Změňte styly textu"
 msgid "Text Item Style"
 msgstr "Text - nastavení stylů"
 
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "Body Text Color"
+msgstr "Barva textu těla"
+
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "You can change the text color of the body"
+msgstr "Můžete změnit barvu textu těla"
+
 #: src/prefs/dangerZone/clearHistory.ts:15
 msgid "Clears the clipboard database and cache"
 msgstr "Vymaže databázi schránky a mezipaměť"
@@ -433,7 +575,7 @@ msgstr "Pano přestane sledovat, pokud je vybráno jakékoli okno ze seznamu"
 msgid "Window class name"
 msgstr "Název třídy okna"
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr "Obecné možnosti"
 
@@ -507,6 +649,14 @@ msgstr "Přehrát zvuk při kopírování"
 msgid "Allow Pano to play an audio when copying new content"
 msgstr "Při kopírování nového obsahu povolte Pano přehrát zvuk"
 
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:16
 msgid "Send Notification on Copy"
 msgstr "Odeslat oznámení o kopírování"
@@ -555,39 +705,39 @@ msgstr "Indikátor kmitání"
 msgid "Wiggles the indicator on panel"
 msgstr "Rozhýbe indikátor na panelu"
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr "Obrázek zkopírován"
 
-#: src/utils/panoItemFactory.ts:407
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr "Šířka: %spx, Výška: %spx, Velikost: %s"
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr "Text zkopírován"
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr "Kód zkopírován"
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr "Emoji zkopírováno"
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr "Odkaz zkopírován"
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr "Barva zkopírována"
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr "Soubor %s"
 
-#: src/utils/panoItemFactory.ts:451
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr "Existuje %s souborů"
 
diff --git a/resources/po/da.po b/resources/po/da.po
index 39f13bfe..7264034c 100644
--- a/resources/po/da.po
+++ b/resources/po/da.po
@@ -31,11 +31,15 @@ msgstr "Inkognitotilstand"
 msgid "Settings"
 msgstr "Indstillinger"
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr ""
 
-#: src/components/searchBox.ts:70
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr ""
 
@@ -90,8 +94,6 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
 msgstr ""
@@ -99,21 +101,17 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr ""
@@ -136,141 +134,183 @@ msgstr ""
 msgid "Color Item Style"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
-msgid "Metadata Background Color"
+#: src/prefs/customization/colorItemStyle.ts:41
+msgid "You can change the font of the metadata"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
-msgid "You can change the background color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:21
+msgid "Common"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "Icon Pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "You can change the icon pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "You can change the font of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:28
+msgid "Default Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:14
-msgid "Common"
+#: src/prefs/customization/commonStyleGroup.ts:29
+msgid "Legacy Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "Icon Pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "You can change the icon pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:21
-msgid "Default Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:22
-msgid "Legacy Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
 msgstr ""
 
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
+
 #: src/prefs/customization/emojiItemStyle.ts:15
 msgid "Change the style of the emoji item"
 msgstr ""
@@ -295,14 +335,104 @@ msgstr ""
 msgid "File Item Style"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "Body Text Color"
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "You can change the text color of the body"
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
 msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
@@ -313,10 +443,6 @@ msgstr ""
 msgid "Image Item Style"
 msgstr ""
 
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr ""
-
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
 msgstr ""
@@ -333,51 +459,59 @@ msgstr ""
 msgid "Link Item Style"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:42
+msgid "Metadata Background Color"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:43
+msgid "You can change the background color of the metadata"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr ""
 
@@ -389,6 +523,14 @@ msgstr ""
 msgid "Text Item Style"
 msgstr ""
 
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "Body Text Color"
+msgstr ""
+
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "You can change the text color of the body"
+msgstr ""
+
 #: src/prefs/dangerZone/clearHistory.ts:15
 msgid "Clears the clipboard database and cache"
 msgstr "Rydder udklipsholderens database og cache"
@@ -433,7 +575,7 @@ msgstr "Pano stopper sporingen, hvis et vindue fra listen er fokuseret"
 msgid "Window class name"
 msgstr "Navn på vinduesklasse"
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr "Generelle indstillinger"
 
@@ -507,6 +649,14 @@ msgstr "Afspil en lyd på kopi"
 msgid "Allow Pano to play an audio when copying new content"
 msgstr "Tillad Pano at afspille en lyd, når du kopierer nyt indhold"
 
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:16
 msgid "Send Notification on Copy"
 msgstr ""
@@ -555,39 +705,39 @@ msgstr ""
 msgid "Wiggles the indicator on panel"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:407
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:451
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr ""
 
diff --git a/resources/po/de.po b/resources/po/de.po
index 533bf64f..5bcc723f 100644
--- a/resources/po/de.po
+++ b/resources/po/de.po
@@ -31,11 +31,15 @@ msgstr "Inkognito-Modus"
 msgid "Settings"
 msgstr "Einstellungen"
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr "Keine Beschreibung"
 
-#: src/components/searchBox.ts:70
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr "Tippen zum Suchen, Tab zum Wechseln"
 
@@ -90,8 +94,6 @@ msgstr "Sie können die Textfarbe der Überschrift ändern"
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
 msgstr "Hintergrundfarbe des Hauptteils"
@@ -99,21 +101,17 @@ msgstr "Hintergrundfarbe des Hauptteils"
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr "Sie können die Hintergrundfarbe des Hauptteils ändern"
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr "Schriftart des Hauptteils"
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr "Sie können die Schriftart des Hauptteils ändern"
@@ -136,141 +134,183 @@ msgstr "Stil des Farb-Eintrags ändern"
 msgid "Color Item Style"
 msgstr "Stil des Farb-Eintrags"
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
-msgid "Metadata Background Color"
-msgstr "Hintergrundfarbe für Metadaten"
-
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
-msgid "You can change the background color of the metadata"
-msgstr "Sie können die Hintergrundfarbe der Metadaten ändern"
-
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
-msgstr "Textfarbe für Metadaten"
-
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
-msgstr "Sie können die Textfarbe der Metadaten ändern"
-
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
+#: src/prefs/customization/colorItemStyle.ts:41
 msgid "You can change the font of the metadata"
 msgstr "Sie können die Schriftart der Metadaten ändern"
 
-#: src/prefs/customization/commonStyleGroup.ts:14
+#: src/prefs/customization/commonStyleGroup.ts:21
 msgid "Common"
 msgstr "Allgemein"
 
-#: src/prefs/customization/commonStyleGroup.ts:20
+#: src/prefs/customization/commonStyleGroup.ts:27
 msgid "Icon Pack"
 msgstr "Symbolpaket"
 
-#: src/prefs/customization/commonStyleGroup.ts:20
+#: src/prefs/customization/commonStyleGroup.ts:27
 msgid "You can change the icon pack"
 msgstr "Sie können das Symbolpaket ändern"
 
-#: src/prefs/customization/commonStyleGroup.ts:21
+#: src/prefs/customization/commonStyleGroup.ts:28
 msgid "Default Icons"
 msgstr "Vorgabe-Icons"
 
-#: src/prefs/customization/commonStyleGroup.ts:22
+#: src/prefs/customization/commonStyleGroup.ts:29
 msgid "Legacy Icons"
 msgstr "Veraltete Symbole"
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
-msgstr "Eintragsgröße"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
-msgstr "Sie können die Objektgröße ändern"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
 msgstr "Fensterposition"
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
 msgstr "Sie können die Position von Pano ändern"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
 msgstr "Unten"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
 msgstr "Links"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
 msgstr "Rechts"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
 msgstr "Oben"
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
 msgstr "Hintergrundfarbe des Fensters"
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
 msgstr "Sie können die Hintergrundfarbe des Fensters ändern"
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
 msgstr "Hintergrundfarbe des Inkognito-Fensters"
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
 msgstr "Sie können die Hintergrundfarbe des Inkognito-Fensters ändern"
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
 msgstr "Schriftart der Suchleiste"
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
 msgstr "Sie können die Schriftart der Suchleiste ändern"
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
 msgstr "Schriftart des Eintragtitels"
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
 msgstr "Sie können die Schriftart des Objekttitels ändern"
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
 msgstr "Schriftart des Eintragsdatums"
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
 msgstr "Sie können die Schriftart des Datums ändern"
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
 msgstr "Randfarbe des aktiven Eintrags"
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
 msgstr "Sie können die Randfarbe des aktiven Eintrags ändern"
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
 msgstr "Randfarbe des fokussierten Eintrags"
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
 msgstr "Sie können die Randfarbe des fokussierten Eintrags ändern"
 
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
+
 #: src/prefs/customization/emojiItemStyle.ts:15
 msgid "Change the style of the emoji item"
 msgstr "Stil des Emoji-Eintrags ändern"
@@ -295,15 +335,105 @@ msgstr "Stil des Datei-Eintrags ändern"
 msgid "File Item Style"
 msgstr "Stil des Datei-Eintrags"
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "Body Text Color"
-msgstr "Textfarbe des Hauptteils"
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
+msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "You can change the text color of the body"
-msgstr "Sie können die Textfarbe des Hauptteils ändern"
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
+msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
 msgid "Change the style of the image item"
@@ -313,10 +443,6 @@ msgstr "Stil des Bild-Eintrags ändern"
 msgid "Image Item Style"
 msgstr "Stil des Bild-Eintrags"
 
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr "Schriftart für Metadaten"
-
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
 msgstr "Anpassung"
@@ -333,51 +459,59 @@ msgstr "Stil des Verweis-Eintrags ändern"
 msgid "Link Item Style"
 msgstr "Stil Verweis-Eintrag"
 
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:42
+msgid "Metadata Background Color"
+msgstr "Hintergrundfarbe für Metadaten"
+
+#: src/prefs/customization/linkItemStyle.ts:43
+msgid "You can change the background color of the metadata"
+msgstr "Sie können die Hintergrundfarbe der Metadaten ändern"
+
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr "Titelfarbe für Metadaten"
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr "Sie können die Titelfarbe der Metadaten ändern"
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr "Schriftart für Metadatentitel"
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr "Sie können die Schriftart des Metadatentitels ändern"
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr "Farbe für Metadatenbeschreibung"
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr "Sie können die Beschreibungsfarbe der Metadaten ändern"
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr "Schriftart für Metadatenbeschreibung"
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr "Sie können die Schriftart der Metadatenbeschreibung ändern"
 
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr "Verweisfarbe für Metadaten"
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr "Sie können die Verweisfarbe der Metadaten ändern"
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr "Schriftart für Metadatenverweise"
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr "Sie können die Schriftart von Metadatenlinks ändern"
 
@@ -389,6 +523,14 @@ msgstr "Stil des Text-Eintrags ändern"
 msgid "Text Item Style"
 msgstr "Stil des Text-Eintrags"
 
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "Body Text Color"
+msgstr "Textfarbe des Hauptteils"
+
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "You can change the text color of the body"
+msgstr "Sie können die Textfarbe des Hauptteils ändern"
+
 #: src/prefs/dangerZone/clearHistory.ts:15
 msgid "Clears the clipboard database and cache"
 msgstr "Leert die Zwischenablage-Datenbank und den Cache"
@@ -433,7 +575,7 @@ msgstr "Pano wird nichts verfolgen, wenn ein Fenster aus der Liste fokussiert is
 msgid "Window class name"
 msgstr "Klassenname des Fensters"
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr "Allgemeine Optionen"
 
@@ -507,6 +649,14 @@ msgstr "Beim Kopieren Audio abspielen"
 msgid "Allow Pano to play an audio when copying new content"
 msgstr "Pano erlauben, beim Kopieren von Inhalten Audio abzuspielen"
 
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:16
 msgid "Send Notification on Copy"
 msgstr "Beim Kopieren eine Benachrichtigung senden"
@@ -555,39 +705,39 @@ msgstr "Wackelindikator"
 msgid "Wiggles the indicator on panel"
 msgstr "Lässt den Indikator auf dem Bedienfeld wackeln"
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr "Bild kopiert"
 
-#: src/utils/panoItemFactory.ts:407
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr "Breite: %spx, Höhe: %spx, Größe: %s"
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr "Text kopiert"
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr "Code kopiert"
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr "Emoji kopiert"
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr "Verweis kopiert"
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr "Farbe kopiert"
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr "Datei %s"
 
-#: src/utils/panoItemFactory.ts:451
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr "Es gibt %s Datei(en)"
 
diff --git a/resources/po/el.po b/resources/po/el.po
index f48ea58b..8c027d10 100644
--- a/resources/po/el.po
+++ b/resources/po/el.po
@@ -31,11 +31,15 @@ msgstr "Ανώνυμης"
 msgid "Settings"
 msgstr "Ρυθμίσεις"
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr ""
 
-#: src/components/searchBox.ts:70
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr ""
 
@@ -90,8 +94,6 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
 msgstr ""
@@ -99,21 +101,17 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr ""
@@ -136,141 +134,183 @@ msgstr ""
 msgid "Color Item Style"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
-msgid "Metadata Background Color"
+#: src/prefs/customization/colorItemStyle.ts:41
+msgid "You can change the font of the metadata"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
-msgid "You can change the background color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:21
+msgid "Common"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "Icon Pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "You can change the icon pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "You can change the font of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:28
+msgid "Default Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:14
-msgid "Common"
+#: src/prefs/customization/commonStyleGroup.ts:29
+msgid "Legacy Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "Icon Pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "You can change the icon pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:21
-msgid "Default Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:22
-msgid "Legacy Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
 msgstr ""
 
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
+
 #: src/prefs/customization/emojiItemStyle.ts:15
 msgid "Change the style of the emoji item"
 msgstr ""
@@ -295,14 +335,104 @@ msgstr ""
 msgid "File Item Style"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "Body Text Color"
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "You can change the text color of the body"
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
 msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
@@ -313,10 +443,6 @@ msgstr ""
 msgid "Image Item Style"
 msgstr ""
 
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr ""
-
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
 msgstr ""
@@ -333,51 +459,59 @@ msgstr ""
 msgid "Link Item Style"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:42
+msgid "Metadata Background Color"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:43
+msgid "You can change the background color of the metadata"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr ""
 
@@ -389,6 +523,14 @@ msgstr ""
 msgid "Text Item Style"
 msgstr ""
 
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "Body Text Color"
+msgstr ""
+
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "You can change the text color of the body"
+msgstr ""
+
 #: src/prefs/dangerZone/clearHistory.ts:15
 msgid "Clears the clipboard database and cache"
 msgstr "Διαγράφει τη βάση δεδομένων και τη μνήμη cache του προχείρου"
@@ -433,7 +575,7 @@ msgstr "Το Pano θα σταματήσει να παρακολουθεί εάν
 msgid "Window class name"
 msgstr "Όνομα κλάσης παραθύρου"
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr "Γενικές επιλογές"
 
@@ -507,6 +649,14 @@ msgstr "Αναπαραγωγή ήχου σε αντιγραφή"
 msgid "Allow Pano to play an audio when copying new content"
 msgstr "Να επιτρέπεται στο Pano η αναπαραγωγή ήχου κατά την αντιγραφή νέου περιεχομένου"
 
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:16
 msgid "Send Notification on Copy"
 msgstr ""
@@ -555,39 +705,39 @@ msgstr ""
 msgid "Wiggles the indicator on panel"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:407
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:451
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr ""
 
diff --git a/resources/po/en.po b/resources/po/en.po
index 04487429..0f636cc7 100644
--- a/resources/po/en.po
+++ b/resources/po/en.po
@@ -31,11 +31,15 @@ msgstr "Incognito Mode"
 msgid "Settings"
 msgstr "Settings"
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr ""
 
-#: src/components/searchBox.ts:70
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr ""
 
@@ -90,8 +94,6 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
 msgstr ""
@@ -99,21 +101,17 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr ""
@@ -136,141 +134,183 @@ msgstr ""
 msgid "Color Item Style"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
-msgid "Metadata Background Color"
+#: src/prefs/customization/colorItemStyle.ts:41
+msgid "You can change the font of the metadata"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
-msgid "You can change the background color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:21
+msgid "Common"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "Icon Pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "You can change the icon pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "You can change the font of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:28
+msgid "Default Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:14
-msgid "Common"
+#: src/prefs/customization/commonStyleGroup.ts:29
+msgid "Legacy Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "Icon Pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "You can change the icon pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:21
-msgid "Default Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:22
-msgid "Legacy Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
 msgstr ""
 
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
+
 #: src/prefs/customization/emojiItemStyle.ts:15
 msgid "Change the style of the emoji item"
 msgstr ""
@@ -295,14 +335,104 @@ msgstr ""
 msgid "File Item Style"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "Body Text Color"
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "You can change the text color of the body"
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
 msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
@@ -313,10 +443,6 @@ msgstr ""
 msgid "Image Item Style"
 msgstr ""
 
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr ""
-
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
 msgstr ""
@@ -333,51 +459,59 @@ msgstr ""
 msgid "Link Item Style"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:42
+msgid "Metadata Background Color"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:43
+msgid "You can change the background color of the metadata"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr ""
 
@@ -389,6 +523,14 @@ msgstr ""
 msgid "Text Item Style"
 msgstr ""
 
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "Body Text Color"
+msgstr ""
+
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "You can change the text color of the body"
+msgstr ""
+
 #: src/prefs/dangerZone/clearHistory.ts:15
 msgid "Clears the clipboard database and cache"
 msgstr "Clears the clipboard database and cache"
@@ -433,7 +575,7 @@ msgstr "Pano will stop tracking if any window from the list is focussed"
 msgid "Window class name"
 msgstr "Window class name"
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr "General Options"
 
@@ -507,6 +649,14 @@ msgstr "Play an Audio on Copy"
 msgid "Allow Pano to play an audio when copying new content"
 msgstr "Allow Pano to play an audio when copying new content"
 
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:16
 msgid "Send Notification on Copy"
 msgstr ""
@@ -555,39 +705,39 @@ msgstr ""
 msgid "Wiggles the indicator on panel"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:407
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:451
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr ""
 
diff --git a/resources/po/es.po b/resources/po/es.po
index 3f959531..0b57df57 100644
--- a/resources/po/es.po
+++ b/resources/po/es.po
@@ -31,11 +31,15 @@ msgstr "Modo incógnito"
 msgid "Settings"
 msgstr "Configuración"
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr "Sin descripción"
 
-#: src/components/searchBox.ts:70
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr "Escriba para buscar. Pulsa el tabulador para navegar"
 
@@ -90,8 +94,6 @@ msgstr "Puedes cambiar el color del texto del encabezado"
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
 msgstr "Color de fondo del cuerpo"
@@ -99,21 +101,17 @@ msgstr "Color de fondo del cuerpo"
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr "Puedes cambiar el color del cuerpo"
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr "Tipografía del cuerpo"
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr "Puedes cambiar el tipo de letra del cuerpo"
@@ -136,141 +134,183 @@ msgstr "Cambia el estilo de las notas de color"
 msgid "Color Item Style"
 msgstr "Estilo de las notas de color"
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
-msgid "Metadata Background Color"
-msgstr "Color de fondo de los metadatos"
-
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
-msgid "You can change the background color of the metadata"
-msgstr "Puedes cambiar el color de fondo de los metadatos"
-
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
-msgstr "Color de texto de los metadatos"
-
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
-msgstr "Puedes cambiar el color del texto de los metadatos"
-
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
+#: src/prefs/customization/colorItemStyle.ts:41
 msgid "You can change the font of the metadata"
 msgstr "Puedes cambiar el tipo de letra de los metadatos"
 
-#: src/prefs/customization/commonStyleGroup.ts:14
+#: src/prefs/customization/commonStyleGroup.ts:21
 msgid "Common"
 msgstr "Estilos generales"
 
-#: src/prefs/customization/commonStyleGroup.ts:20
+#: src/prefs/customization/commonStyleGroup.ts:27
 msgid "Icon Pack"
 msgstr "Paquete de iconos"
 
-#: src/prefs/customization/commonStyleGroup.ts:20
+#: src/prefs/customization/commonStyleGroup.ts:27
 msgid "You can change the icon pack"
 msgstr "Elige un paquete de iconos"
 
-#: src/prefs/customization/commonStyleGroup.ts:21
+#: src/prefs/customization/commonStyleGroup.ts:28
 msgid "Default Icons"
 msgstr "Iconos por defecto"
 
-#: src/prefs/customization/commonStyleGroup.ts:22
+#: src/prefs/customization/commonStyleGroup.ts:29
 msgid "Legacy Icons"
 msgstr "Iconos heredados"
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
-msgstr "Tamaño de las notas"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
-msgstr "Puedes cambiar el tamaño de las notas"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
 msgstr "Posición de la ventana"
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
 msgstr "Elige la posición de la ventana de Pano"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
 msgstr "Abajo"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
 msgstr "A la izquierda"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
 msgstr "A la derecha"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
 msgstr "Arriba"
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
 msgstr "Color de fondo de la ventana"
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
 msgstr "Puedes cambiar el color de fondo de la ventana"
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
 msgstr "Color de fondo de la ventana de incógnito"
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
 msgstr "Puedes cambiar el color de fondo de la ventana cuando se ejecuta el modo incógnito"
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
 msgstr "Tipo de letra de la barra de búsqueda"
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
 msgstr "Elige la tipografía de la barra de búsqueda"
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
 msgstr "Tipo de letra de los títulos de las notas"
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
 msgstr "Puedes cambiar la tipografía de los títulos de las notas"
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
 msgstr "Tipo de letra de la fecha de las notas"
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
 msgstr "Puedes cambiar la tipografía de la fecha"
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
 msgstr "Color del borde de la nota activa"
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
 msgstr "Elige el color del borde de la nota activa"
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
 msgstr "Color del borde de la nota al pasar el ratón"
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
 msgstr "Elige el color del borde de las notas al pasar el ratón por encima"
 
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
+
 #: src/prefs/customization/emojiItemStyle.ts:15
 msgid "Change the style of the emoji item"
 msgstr "Cambia el estilo de las notas de emojis"
@@ -295,15 +335,105 @@ msgstr "Cambia el estilo de las notas de archivos"
 msgid "File Item Style"
 msgstr "Estilo de las notas de archivos"
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "Body Text Color"
-msgstr "Color del texto del cuerpo"
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
+msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "You can change the text color of the body"
-msgstr "Puedes cambiar el color del texto del cuerpo de la nota"
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
+msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
 msgid "Change the style of the image item"
@@ -313,10 +443,6 @@ msgstr "Cambia el estilo de las notas de imagen"
 msgid "Image Item Style"
 msgstr "Estilo de las notas de imagen"
 
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr "Tipo de letra de los metadatos"
-
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
 msgstr "Personalización"
@@ -333,51 +459,59 @@ msgstr "Cambia el estilo de las notas de enlaces"
 msgid "Link Item Style"
 msgstr "Estilo de las notas de enlaces"
 
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:42
+msgid "Metadata Background Color"
+msgstr "Color de fondo de los metadatos"
+
+#: src/prefs/customization/linkItemStyle.ts:43
+msgid "You can change the background color of the metadata"
+msgstr "Puedes cambiar el color de fondo de los metadatos"
+
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr "Color del título de los enlaces"
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr "Puedes cambiar el color del título de los enlaces"
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr "Tipo de letra del título de los enlaces"
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr "Puedes cambiar la tipografía del título de los enlaces"
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr "Color de la descripción del enlace"
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr "Puedes cambiar el color de la descripción del enlace"
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr "Tipo de letra de la descripción del enlace"
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr "Puedes cambiar el tipo de letra de la descripción del enlace"
 
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr "Color del enlace"
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr "Puedes cambiar el color del enlace"
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr "Tipo de letra del enlace"
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr "Puedes cambiar la tipografía de los enlaces"
 
@@ -389,6 +523,14 @@ msgstr "Cambia el estilo de las notas de texto"
 msgid "Text Item Style"
 msgstr "Estilo de las notas de texto"
 
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "Body Text Color"
+msgstr "Color del texto del cuerpo"
+
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "You can change the text color of the body"
+msgstr "Puedes cambiar el color del texto del cuerpo de la nota"
+
 #: src/prefs/dangerZone/clearHistory.ts:15
 msgid "Clears the clipboard database and cache"
 msgstr "Borra la base de datos y la caché del portapapeles"
@@ -433,7 +575,7 @@ msgstr "Pano dejará de rastrearte si alguna ventana de la lista está en primer
 msgid "Window class name"
 msgstr "Nombre de clase de ventana"
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr "Opciones generales"
 
@@ -507,6 +649,14 @@ msgstr "Reproducir sonido al copiar"
 msgid "Allow Pano to play an audio when copying new content"
 msgstr "Permitir que Pano reproduzca un audio al copiar contenido nuevo"
 
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:16
 msgid "Send Notification on Copy"
 msgstr "Enviar una notificación al copiar"
@@ -555,39 +705,39 @@ msgstr "Agitar el indicador"
 msgid "Wiggles the indicator on panel"
 msgstr "Agita el indicador en el panel"
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr "Imagen copiada"
 
-#: src/utils/panoItemFactory.ts:407
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr "Anchura: %spx, Altura: %spx, Tamaño: %s"
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr "Texto copiado"
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr "Código copiado"
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr "Emoji copiado"
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr "Enlace copiado"
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr "Color copiado"
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr "Archivo %s"
 
-#: src/utils/panoItemFactory.ts:451
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr "Hay %s archivo(s)"
 
diff --git a/resources/po/et.po b/resources/po/et.po
index f9d7d3f4..f0ee66b9 100644
--- a/resources/po/et.po
+++ b/resources/po/et.po
@@ -31,11 +31,15 @@ msgstr "Inkognito režiim"
 msgid "Settings"
 msgstr "Seaded"
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr ""
 
-#: src/components/searchBox.ts:70
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr ""
 
@@ -90,8 +94,6 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
 msgstr ""
@@ -99,21 +101,17 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr ""
@@ -136,141 +134,183 @@ msgstr ""
 msgid "Color Item Style"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
-msgid "Metadata Background Color"
+#: src/prefs/customization/colorItemStyle.ts:41
+msgid "You can change the font of the metadata"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
-msgid "You can change the background color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:21
+msgid "Common"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "Icon Pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "You can change the icon pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "You can change the font of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:28
+msgid "Default Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:14
-msgid "Common"
+#: src/prefs/customization/commonStyleGroup.ts:29
+msgid "Legacy Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "Icon Pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "You can change the icon pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:21
-msgid "Default Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:22
-msgid "Legacy Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
 msgstr ""
 
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
+
 #: src/prefs/customization/emojiItemStyle.ts:15
 msgid "Change the style of the emoji item"
 msgstr ""
@@ -295,14 +335,104 @@ msgstr ""
 msgid "File Item Style"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "Body Text Color"
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "You can change the text color of the body"
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
 msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
@@ -313,10 +443,6 @@ msgstr ""
 msgid "Image Item Style"
 msgstr ""
 
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr ""
-
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
 msgstr ""
@@ -333,51 +459,59 @@ msgstr ""
 msgid "Link Item Style"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:42
+msgid "Metadata Background Color"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:43
+msgid "You can change the background color of the metadata"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr ""
 
@@ -389,6 +523,14 @@ msgstr ""
 msgid "Text Item Style"
 msgstr ""
 
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "Body Text Color"
+msgstr ""
+
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "You can change the text color of the body"
+msgstr ""
+
 #: src/prefs/dangerZone/clearHistory.ts:15
 msgid "Clears the clipboard database and cache"
 msgstr "Tühjendab lõikelaua andmebaasi ja vahemälu"
@@ -433,7 +575,7 @@ msgstr "Pano lõpetab jälgimise, kui mõni loendi aken on fokusseeritud"
 msgid "Window class name"
 msgstr "Aknaklassi nimi"
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr "Üldised valikud"
 
@@ -507,6 +649,14 @@ msgstr "Heli esitamine kopeerimisel"
 msgid "Allow Pano to play an audio when copying new content"
 msgstr "Luba Panol uue sisu kopeerimisel heli esitada"
 
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:16
 msgid "Send Notification on Copy"
 msgstr ""
@@ -555,39 +705,39 @@ msgstr ""
 msgid "Wiggles the indicator on panel"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:407
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:451
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr ""
 
diff --git a/resources/po/fi.po b/resources/po/fi.po
index dc343ddd..372d8c71 100644
--- a/resources/po/fi.po
+++ b/resources/po/fi.po
@@ -31,11 +31,15 @@ msgstr "Incognito-tila"
 msgid "Settings"
 msgstr "Asetukset"
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr ""
 
-#: src/components/searchBox.ts:70
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr ""
 
@@ -90,8 +94,6 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
 msgstr ""
@@ -99,21 +101,17 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr ""
@@ -136,141 +134,183 @@ msgstr ""
 msgid "Color Item Style"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
-msgid "Metadata Background Color"
+#: src/prefs/customization/colorItemStyle.ts:41
+msgid "You can change the font of the metadata"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
-msgid "You can change the background color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:21
+msgid "Common"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "Icon Pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "You can change the icon pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "You can change the font of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:28
+msgid "Default Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:14
-msgid "Common"
+#: src/prefs/customization/commonStyleGroup.ts:29
+msgid "Legacy Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "Icon Pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "You can change the icon pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:21
-msgid "Default Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:22
-msgid "Legacy Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
 msgstr ""
 
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
+
 #: src/prefs/customization/emojiItemStyle.ts:15
 msgid "Change the style of the emoji item"
 msgstr ""
@@ -295,14 +335,104 @@ msgstr ""
 msgid "File Item Style"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "Body Text Color"
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "You can change the text color of the body"
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
 msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
@@ -313,10 +443,6 @@ msgstr ""
 msgid "Image Item Style"
 msgstr ""
 
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr ""
-
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
 msgstr ""
@@ -333,51 +459,59 @@ msgstr ""
 msgid "Link Item Style"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:42
+msgid "Metadata Background Color"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:43
+msgid "You can change the background color of the metadata"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr ""
 
@@ -389,6 +523,14 @@ msgstr ""
 msgid "Text Item Style"
 msgstr ""
 
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "Body Text Color"
+msgstr ""
+
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "You can change the text color of the body"
+msgstr ""
+
 #: src/prefs/dangerZone/clearHistory.ts:15
 msgid "Clears the clipboard database and cache"
 msgstr "Tyhjentää leikepöydän tietokannan ja välimuistin"
@@ -433,7 +575,7 @@ msgstr "Pano lopettaa seurannan, jos jokin luettelon ikkuna on kohdistettu"
 msgid "Window class name"
 msgstr "Ikkunaluokan nimi"
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr "Yleiset vaihtoehdot"
 
@@ -507,6 +649,14 @@ msgstr "Toista ääni kopioitaessa"
 msgid "Allow Pano to play an audio when copying new content"
 msgstr "Anna Panon toistaa ääntä, kun kopioit uutta sisältöä"
 
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:16
 msgid "Send Notification on Copy"
 msgstr ""
@@ -555,39 +705,39 @@ msgstr ""
 msgid "Wiggles the indicator on panel"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:407
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:451
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr ""
 
diff --git a/resources/po/fr.po b/resources/po/fr.po
index 55d2796c..a3790f89 100644
--- a/resources/po/fr.po
+++ b/resources/po/fr.po
@@ -31,11 +31,15 @@ msgstr "Mode incognito"
 msgid "Settings"
 msgstr "Paramètres"
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr "Aucune description"
 
-#: src/components/searchBox.ts:70
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr "Taper pour rechercher, Tabulation pour trier"
 
@@ -90,8 +94,6 @@ msgstr "Vous pouvez modifier la couleur du texte de l’en-tête"
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
 msgstr "Couleur de fond du contenu"
@@ -99,21 +101,17 @@ msgstr "Couleur de fond du contenu"
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr "Vous pouvez modifier la couleur d’arrière-plan du contenu"
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr "Police du contenu"
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr "Vous pouvez modifier la police du contenu"
@@ -136,141 +134,183 @@ msgstr "Changer le style de l’élément de couleur"
 msgid "Color Item Style"
 msgstr "Style de l’élément de couleur"
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
-msgid "Metadata Background Color"
-msgstr "Couleur de fond des métadonnées"
-
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
-msgid "You can change the background color of the metadata"
-msgstr "Vous pouvez modifier la couleur d’arrière-plan des métadonnées"
-
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
-msgstr "Couleur du texte des métadonnées"
-
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
-msgstr "Vous pouvez modifier la couleur du texte des métadonnées"
-
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
+#: src/prefs/customization/colorItemStyle.ts:41
 msgid "You can change the font of the metadata"
 msgstr "Vous pouvez modifier la police des métadonnées"
 
-#: src/prefs/customization/commonStyleGroup.ts:14
+#: src/prefs/customization/commonStyleGroup.ts:21
 msgid "Common"
 msgstr "Commun"
 
-#: src/prefs/customization/commonStyleGroup.ts:20
+#: src/prefs/customization/commonStyleGroup.ts:27
 msgid "Icon Pack"
 msgstr "Pack d’icônes"
 
-#: src/prefs/customization/commonStyleGroup.ts:20
+#: src/prefs/customization/commonStyleGroup.ts:27
 msgid "You can change the icon pack"
 msgstr "Vous pouvez changer le pack d’icônes"
 
-#: src/prefs/customization/commonStyleGroup.ts:21
+#: src/prefs/customization/commonStyleGroup.ts:28
 msgid "Default Icons"
 msgstr "Icônes par défaut"
 
-#: src/prefs/customization/commonStyleGroup.ts:22
+#: src/prefs/customization/commonStyleGroup.ts:29
 msgid "Legacy Icons"
 msgstr "Anciennes icônes"
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
-msgstr "Taille d’élément"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
-msgstr "Vous pouvez changer la taille de l’élément"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
 msgstr "Position de la fenêtre"
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
 msgstr "Vous pouvez modifier la position de Pano"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
 msgstr "En bas"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
 msgstr "À gauche"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
 msgstr "À droite"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
 msgstr "En haut"
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
 msgstr "Couleur d’arrière-plan de la fenêtre"
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
 msgstr "Vous pouvez modifier la couleur d’arrière-plan de la fenêtre"
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
 msgstr "Couleur d’arrière-plan de la fenêtre incognito"
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
 msgstr "Vous pouvez modifier la couleur d’arrière-plan de la fenêtre incognito"
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
 msgstr "Police de la barre de recherche"
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
 msgstr "Vous pouvez modifier la police de la barre de recherche"
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
 msgstr "Police du titre de l’élément"
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
 msgstr "Vous pouvez modifier la police du titre"
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
 msgstr "Police de la date de l’élément"
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
 msgstr "Vous pouvez modifier la police de la date"
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
 msgstr "Couleur de bordure de l’élément actif"
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
 msgstr "Vous pouvez modifier la couleur de bordure de l’élément actif"
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
 msgstr "Couleur de bordure d’un élément survolé"
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
 msgstr "Vous pouvez modifier la couleur de bordure d’un élément survolé"
 
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
+
 #: src/prefs/customization/emojiItemStyle.ts:15
 msgid "Change the style of the emoji item"
 msgstr "Changer le style de l’élément émoji"
@@ -295,15 +335,105 @@ msgstr "Changer le style de l’élément de fichier"
 msgid "File Item Style"
 msgstr "Style de l’élément fichier"
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "Body Text Color"
-msgstr "Couleur du texte du corpus"
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
+msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "You can change the text color of the body"
-msgstr "Vous pouvez modifier la couleur du texte du corpus"
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
+msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
 msgid "Change the style of the image item"
@@ -313,10 +443,6 @@ msgstr "Changer le style de l’élément d’image"
 msgid "Image Item Style"
 msgstr "Style de l’élément d’image"
 
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr "Police des métadonnées"
-
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
 msgstr "Personnalisation"
@@ -333,51 +459,59 @@ msgstr "Changer le style de l’élément de lien"
 msgid "Link Item Style"
 msgstr "Style de l’élément de lien"
 
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:42
+msgid "Metadata Background Color"
+msgstr "Couleur de fond des métadonnées"
+
+#: src/prefs/customization/linkItemStyle.ts:43
+msgid "You can change the background color of the metadata"
+msgstr "Vous pouvez modifier la couleur d’arrière-plan des métadonnées"
+
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr "Couleur du titre des métadonnées"
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr "Vous pouvez modifier la couleur du titre des métadonnées"
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr "Police du titre des métadonnées"
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr "Vous pouvez modifier la police du titre des métadonnées"
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr "Couleur de la description des métadonnées"
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr "Vous pouvez modifier la couleur de description des métadonnées"
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr "Police de description des métadonnées"
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr "Vous pouvez modifier la police de description des métadonnées"
 
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr "Couleur du lien des métadonnées"
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr "Vous pouvez modifier la couleur du lien des métadonnées"
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr "Police du lien des métadonnées"
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr "Vous pouvez modifier la police du lien des métadonnées"
 
@@ -389,6 +523,14 @@ msgstr "Changer le style de l’élément de texte"
 msgid "Text Item Style"
 msgstr "Style de l’élément de texte"
 
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "Body Text Color"
+msgstr "Couleur du texte du corpus"
+
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "You can change the text color of the body"
+msgstr "Vous pouvez modifier la couleur du texte du corpus"
+
 #: src/prefs/dangerZone/clearHistory.ts:15
 msgid "Clears the clipboard database and cache"
 msgstr "Vider la base de données du presse-papiers et le cache"
@@ -433,7 +575,7 @@ msgstr "Pano arrêtera le suivi si une fenêtre d’une application de la liste
 msgid "Window class name"
 msgstr "Nom de la classe de la fenêtre"
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr "Options générales"
 
@@ -507,6 +649,14 @@ msgstr "Jouer un son lors de la copie"
 msgid "Allow Pano to play an audio when copying new content"
 msgstr "Autoriser Pano à jouer un son lors de la copie de nouveau contenu"
 
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:16
 msgid "Send Notification on Copy"
 msgstr "Envoyer une notification lors de la copie"
@@ -555,39 +705,39 @@ msgstr "Oscillation de l’indicateur"
 msgid "Wiggles the indicator on panel"
 msgstr "Fait bouger l’indicateur sur le panneau"
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr "Image copiée"
 
-#: src/utils/panoItemFactory.ts:407
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr "Largeur : %spx, Hauteur : %spx, Taille : %s"
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr "Texte copié"
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr "Code copié"
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr "Émoji copié"
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr "Lien copié"
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr "Couleur copiée"
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr "Fichier %s"
 
-#: src/utils/panoItemFactory.ts:451
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr "Il y a %s fichier(s)"
 
diff --git a/resources/po/he.po b/resources/po/he.po
index 00400887..3ebe4ed1 100644
--- a/resources/po/he.po
+++ b/resources/po/he.po
@@ -31,11 +31,15 @@ msgstr "מצב גלישה בסתר"
 msgid "Settings"
 msgstr "הגדרות"
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr ""
 
-#: src/components/searchBox.ts:70
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr ""
 
@@ -90,8 +94,6 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
 msgstr ""
@@ -99,21 +101,17 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr ""
@@ -136,141 +134,183 @@ msgstr ""
 msgid "Color Item Style"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
-msgid "Metadata Background Color"
+#: src/prefs/customization/colorItemStyle.ts:41
+msgid "You can change the font of the metadata"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
-msgid "You can change the background color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:21
+msgid "Common"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "Icon Pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "You can change the icon pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "You can change the font of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:28
+msgid "Default Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:14
-msgid "Common"
+#: src/prefs/customization/commonStyleGroup.ts:29
+msgid "Legacy Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "Icon Pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "You can change the icon pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:21
-msgid "Default Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:22
-msgid "Legacy Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
 msgstr ""
 
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
+
 #: src/prefs/customization/emojiItemStyle.ts:15
 msgid "Change the style of the emoji item"
 msgstr ""
@@ -295,14 +335,104 @@ msgstr ""
 msgid "File Item Style"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "Body Text Color"
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "You can change the text color of the body"
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
 msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
@@ -313,10 +443,6 @@ msgstr ""
 msgid "Image Item Style"
 msgstr ""
 
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr ""
-
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
 msgstr ""
@@ -333,51 +459,59 @@ msgstr ""
 msgid "Link Item Style"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:42
+msgid "Metadata Background Color"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:43
+msgid "You can change the background color of the metadata"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr ""
 
@@ -389,6 +523,14 @@ msgstr ""
 msgid "Text Item Style"
 msgstr ""
 
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "Body Text Color"
+msgstr ""
+
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "You can change the text color of the body"
+msgstr ""
+
 #: src/prefs/dangerZone/clearHistory.ts:15
 msgid "Clears the clipboard database and cache"
 msgstr "מנקה את מסד הנתונים והמטמון של הלוח"
@@ -433,7 +575,7 @@ msgstr "Pano תפסיק את המעקב אם חלון כלשהו מהרשימה
 msgid "Window class name"
 msgstr "שם כיתת חלון"
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr "אפשרויות כלליות"
 
@@ -507,6 +649,14 @@ msgstr "הפעלת שמע בהעתקה"
 msgid "Allow Pano to play an audio when copying new content"
 msgstr "אפשר ל-Pano להשמיע שמע בעת העתקת תוכן חדש"
 
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:16
 msgid "Send Notification on Copy"
 msgstr ""
@@ -555,39 +705,39 @@ msgstr ""
 msgid "Wiggles the indicator on panel"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:407
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:451
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr ""
 
diff --git a/resources/po/hr.po b/resources/po/hr.po
index 6681ad43..ba355bb1 100644
--- a/resources/po/hr.po
+++ b/resources/po/hr.po
@@ -31,11 +31,15 @@ msgstr ""
 msgid "Settings"
 msgstr ""
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr ""
 
-#: src/components/searchBox.ts:70
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr ""
 
@@ -90,8 +94,6 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
 msgstr ""
@@ -99,21 +101,17 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr ""
@@ -136,141 +134,183 @@ msgstr ""
 msgid "Color Item Style"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
-msgid "Metadata Background Color"
+#: src/prefs/customization/colorItemStyle.ts:41
+msgid "You can change the font of the metadata"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
-msgid "You can change the background color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:21
+msgid "Common"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "Icon Pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "You can change the icon pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "You can change the font of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:28
+msgid "Default Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:14
-msgid "Common"
+#: src/prefs/customization/commonStyleGroup.ts:29
+msgid "Legacy Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "Icon Pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "You can change the icon pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:21
-msgid "Default Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:22
-msgid "Legacy Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
 msgstr ""
 
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
+
 #: src/prefs/customization/emojiItemStyle.ts:15
 msgid "Change the style of the emoji item"
 msgstr ""
@@ -295,14 +335,104 @@ msgstr ""
 msgid "File Item Style"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "Body Text Color"
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "You can change the text color of the body"
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
 msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
@@ -313,10 +443,6 @@ msgstr ""
 msgid "Image Item Style"
 msgstr ""
 
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr ""
-
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
 msgstr ""
@@ -333,51 +459,59 @@ msgstr ""
 msgid "Link Item Style"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:42
+msgid "Metadata Background Color"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:43
+msgid "You can change the background color of the metadata"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr ""
 
@@ -389,6 +523,14 @@ msgstr ""
 msgid "Text Item Style"
 msgstr ""
 
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "Body Text Color"
+msgstr ""
+
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "You can change the text color of the body"
+msgstr ""
+
 #: src/prefs/dangerZone/clearHistory.ts:15
 msgid "Clears the clipboard database and cache"
 msgstr "Briše bazu podataka međuspremnika i predmemoriju"
@@ -433,7 +575,7 @@ msgstr ""
 msgid "Window class name"
 msgstr ""
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr ""
 
@@ -507,6 +649,14 @@ msgstr ""
 msgid "Allow Pano to play an audio when copying new content"
 msgstr ""
 
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:16
 msgid "Send Notification on Copy"
 msgstr ""
@@ -555,39 +705,39 @@ msgstr ""
 msgid "Wiggles the indicator on panel"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:407
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:451
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr ""
 
diff --git a/resources/po/hu.po b/resources/po/hu.po
index 96df7e76..7d37d1ef 100644
--- a/resources/po/hu.po
+++ b/resources/po/hu.po
@@ -31,11 +31,15 @@ msgstr "Inkognitómód"
 msgid "Settings"
 msgstr "Beállítások"
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr ""
 
-#: src/components/searchBox.ts:70
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr ""
 
@@ -90,8 +94,6 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
 msgstr ""
@@ -99,21 +101,17 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr ""
@@ -136,141 +134,183 @@ msgstr ""
 msgid "Color Item Style"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
-msgid "Metadata Background Color"
+#: src/prefs/customization/colorItemStyle.ts:41
+msgid "You can change the font of the metadata"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
-msgid "You can change the background color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:21
+msgid "Common"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "Icon Pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "You can change the icon pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "You can change the font of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:28
+msgid "Default Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:14
-msgid "Common"
+#: src/prefs/customization/commonStyleGroup.ts:29
+msgid "Legacy Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "Icon Pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "You can change the icon pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:21
-msgid "Default Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:22
-msgid "Legacy Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
 msgstr ""
 
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
+
 #: src/prefs/customization/emojiItemStyle.ts:15
 msgid "Change the style of the emoji item"
 msgstr ""
@@ -295,14 +335,104 @@ msgstr ""
 msgid "File Item Style"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "Body Text Color"
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "You can change the text color of the body"
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
 msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
@@ -313,10 +443,6 @@ msgstr ""
 msgid "Image Item Style"
 msgstr ""
 
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr ""
-
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
 msgstr ""
@@ -333,51 +459,59 @@ msgstr ""
 msgid "Link Item Style"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:42
+msgid "Metadata Background Color"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:43
+msgid "You can change the background color of the metadata"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr ""
 
@@ -389,6 +523,14 @@ msgstr ""
 msgid "Text Item Style"
 msgstr ""
 
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "Body Text Color"
+msgstr ""
+
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "You can change the text color of the body"
+msgstr ""
+
 #: src/prefs/dangerZone/clearHistory.ts:15
 msgid "Clears the clipboard database and cache"
 msgstr "Törli a vágólap adatbázisát és gyorsítótárát"
@@ -433,7 +575,7 @@ msgstr "A Pano leállítja a követést, ha a lista bármely ablaka fókuszban v
 msgid "Window class name"
 msgstr "Ablakosztály neve"
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr "Általános beállítások"
 
@@ -507,6 +649,14 @@ msgstr "Hang lejátszása másoláskor"
 msgid "Allow Pano to play an audio when copying new content"
 msgstr "Hang lejátszásának engedélyezése a Pano számára új tartalom másolásakor"
 
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:16
 msgid "Send Notification on Copy"
 msgstr ""
@@ -555,39 +705,39 @@ msgstr ""
 msgid "Wiggles the indicator on panel"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:407
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:451
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr ""
 
diff --git a/resources/po/is.po b/resources/po/is.po
index 1126fa29..6598f50c 100644
--- a/resources/po/is.po
+++ b/resources/po/is.po
@@ -31,11 +31,15 @@ msgstr "Huliðsstilling"
 msgid "Settings"
 msgstr "Stillingar"
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr ""
 
-#: src/components/searchBox.ts:70
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr ""
 
@@ -90,8 +94,6 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
 msgstr ""
@@ -99,21 +101,17 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr ""
@@ -136,141 +134,183 @@ msgstr ""
 msgid "Color Item Style"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
-msgid "Metadata Background Color"
+#: src/prefs/customization/colorItemStyle.ts:41
+msgid "You can change the font of the metadata"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
-msgid "You can change the background color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:21
+msgid "Common"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "Icon Pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "You can change the icon pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "You can change the font of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:28
+msgid "Default Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:14
-msgid "Common"
+#: src/prefs/customization/commonStyleGroup.ts:29
+msgid "Legacy Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "Icon Pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "You can change the icon pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:21
-msgid "Default Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:22
-msgid "Legacy Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
 msgstr ""
 
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
+
 #: src/prefs/customization/emojiItemStyle.ts:15
 msgid "Change the style of the emoji item"
 msgstr ""
@@ -295,14 +335,104 @@ msgstr ""
 msgid "File Item Style"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "Body Text Color"
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "You can change the text color of the body"
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
 msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
@@ -313,10 +443,6 @@ msgstr ""
 msgid "Image Item Style"
 msgstr ""
 
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr ""
-
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
 msgstr ""
@@ -333,51 +459,59 @@ msgstr ""
 msgid "Link Item Style"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:42
+msgid "Metadata Background Color"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:43
+msgid "You can change the background color of the metadata"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr ""
 
@@ -389,6 +523,14 @@ msgstr ""
 msgid "Text Item Style"
 msgstr ""
 
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "Body Text Color"
+msgstr ""
+
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "You can change the text color of the body"
+msgstr ""
+
 #: src/prefs/dangerZone/clearHistory.ts:15
 msgid "Clears the clipboard database and cache"
 msgstr "Hreinsar klippispjaldsgagnagrunninn og skyndiminnið"
@@ -433,7 +575,7 @@ msgstr "Pano mun hætta að fylgjast með ef einhver gluggi af listanum er fóku
 msgid "Window class name"
 msgstr "Heiti gluggaflokks"
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr "Almennir valkostir"
 
@@ -507,6 +649,14 @@ msgstr "Spilaðu hljóð á afriti"
 msgid "Allow Pano to play an audio when copying new content"
 msgstr "Leyfa Pano að spila hljóð þegar þú afritar nýtt efni"
 
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:16
 msgid "Send Notification on Copy"
 msgstr ""
@@ -555,39 +705,39 @@ msgstr ""
 msgid "Wiggles the indicator on panel"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:407
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:451
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr ""
 
diff --git a/resources/po/it.po b/resources/po/it.po
index fd198e8a..55a55a11 100644
--- a/resources/po/it.po
+++ b/resources/po/it.po
@@ -31,11 +31,15 @@ msgstr "Modalità di navigazione in incognito"
 msgid "Settings"
 msgstr "Impostazioni"
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr "Nessuna descrizione"
 
-#: src/components/searchBox.ts:70
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr "Digita per cercare, Tab per scorrere"
 
@@ -90,8 +94,6 @@ msgstr "Puoi cambiare il colore del testo dell'intestazione"
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
 msgstr "Colore di sfondo del corpo"
@@ -99,21 +101,17 @@ msgstr "Colore di sfondo del corpo"
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr "Puoi cambiare il colore di sfondo del corpo"
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr "Carattere del corpo"
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr "Puoi cambiare il carattere del corpo"
@@ -136,141 +134,183 @@ msgstr "Cambia lo stile dell'elemento Colore"
 msgid "Color Item Style"
 msgstr "Stile dell'elemento Colore"
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
-msgid "Metadata Background Color"
-msgstr "Colore di sfondo dei metadati"
-
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
-msgid "You can change the background color of the metadata"
-msgstr "Puoi cambiare il colore di sfondo dei metadati"
-
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
-msgstr "Colore del testo dei metadati"
-
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
-msgstr "Puoi cambiare il colore del testo dei metadati"
-
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
+#: src/prefs/customization/colorItemStyle.ts:41
 msgid "You can change the font of the metadata"
 msgstr "Puoi cambiare il carattere dei metadati"
 
-#: src/prefs/customization/commonStyleGroup.ts:14
+#: src/prefs/customization/commonStyleGroup.ts:21
 msgid "Common"
 msgstr "Comune"
 
-#: src/prefs/customization/commonStyleGroup.ts:20
+#: src/prefs/customization/commonStyleGroup.ts:27
 msgid "Icon Pack"
 msgstr "Pacchetto icone"
 
-#: src/prefs/customization/commonStyleGroup.ts:20
+#: src/prefs/customization/commonStyleGroup.ts:27
 msgid "You can change the icon pack"
 msgstr "Puoi cambiare il pacchetto di icone"
 
-#: src/prefs/customization/commonStyleGroup.ts:21
+#: src/prefs/customization/commonStyleGroup.ts:28
 msgid "Default Icons"
 msgstr "Icone predefinite"
 
-#: src/prefs/customization/commonStyleGroup.ts:22
+#: src/prefs/customization/commonStyleGroup.ts:29
 msgid "Legacy Icons"
 msgstr "Icone legacy"
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
-msgstr "Dimensione elemento"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
-msgstr "Puoi modificare la dimensione dell'elemento"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
 msgstr "Posizione della finestra"
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
 msgstr "Puoi cambiare la posizione di Pano"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
 msgstr "In basso"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
 msgstr "Sinistra"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
 msgstr "Destra"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
 msgstr "In alto"
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
 msgstr "Colore di sfondo della finestra"
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
 msgstr "Puoi cambiare il colore di sfondo della finestra"
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
 msgstr "Colore di sfondo della finestra di navigazione in incognito"
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
 msgstr "Puoi cambiare il colore di sfondo della finestra di navigazione in incognito"
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
 msgstr "Carattere della barra di ricerca"
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
 msgstr "Puoi cambiare il carattere della barra di ricerca"
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
-msgstr "Carattere del titolo dell'elemento"
+msgstr "Font del titolo dell'elemento"
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
-msgstr "Puoi cambiare il carattere del titolo"
+msgstr "Puoi cambiare il font del titolo"
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
-msgstr "Carattere dell'elemento data"
+msgstr "Data font elemento"
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
 msgstr "Puoi cambiare il font della data"
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
 msgstr "Colore del bordo dell'elemento attivo"
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
 msgstr "È possibile modificare il colore del bordo dell'elemento attivo"
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
 msgstr "Colore del bordo dell'elemento al passaggio del mouse"
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
 msgstr "Puoi cambiare il colore del bordo dell'elemento al passaggio del mouse"
 
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
+
 #: src/prefs/customization/emojiItemStyle.ts:15
 msgid "Change the style of the emoji item"
 msgstr "Cambia lo stile dell'elemento emoji"
@@ -295,15 +335,105 @@ msgstr "Cambia lo stile dell'elemento del file"
 msgid "File Item Style"
 msgstr "Stile elemento file"
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "Body Text Color"
-msgstr "Colore del corpo del testo"
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
+msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "You can change the text color of the body"
-msgstr "Puoi cambiare il colore del testo del corpo"
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
+msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
 msgid "Change the style of the image item"
@@ -313,10 +443,6 @@ msgstr "Cambia lo stile dell'elemento immagine"
 msgid "Image Item Style"
 msgstr "Stile oggetto immagine"
 
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr "Carattere dei metadati"
-
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
 msgstr "Personalizzazione"
@@ -333,51 +459,59 @@ msgstr "Modificare lo stile dell'elemento di collegamento"
 msgid "Link Item Style"
 msgstr "Stile elemento di collegamento"
 
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:42
+msgid "Metadata Background Color"
+msgstr "Colore di sfondo dei metadati"
+
+#: src/prefs/customization/linkItemStyle.ts:43
+msgid "You can change the background color of the metadata"
+msgstr "Puoi cambiare il colore di sfondo dei metadati"
+
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr "Colore del titolo dei metadati"
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr "Puoi cambiare il colore del titolo dei metadati"
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr "Carattere del titolo dei metadati"
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr "È possibile modificare il carattere del titolo dei metadati"
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr "Descrizione Colore Metadati"
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr "Puoi cambiare il colore della descrizione dei metadati"
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr "Descrizione Carattere Metadati"
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr "È possibile modificare il carattere della descrizione dei metadati"
 
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr "Colore del collegamento ai metadati"
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr "È possibile modificare il colore del collegamento dei metadati"
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr "Carattere di collegamento metadati"
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr "È possibile modificare il carattere del collegamento ai metadati"
 
@@ -389,6 +523,14 @@ msgstr "Cambia lo stile dell'elemento di testo"
 msgid "Text Item Style"
 msgstr "Stile elemento di testo"
 
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "Body Text Color"
+msgstr "Colore del corpo del testo"
+
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "You can change the text color of the body"
+msgstr "Puoi cambiare il colore del testo del corpo"
+
 #: src/prefs/dangerZone/clearHistory.ts:15
 msgid "Clears the clipboard database and cache"
 msgstr "Cancella il database degli Appunti e la cache"
@@ -433,7 +575,7 @@ msgstr "Pano interromperà il monitoraggio se una finestra dell'elenco è focali
 msgid "Window class name"
 msgstr "Nome della classe finestra"
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr "Opzioni generali"
 
@@ -507,6 +649,14 @@ msgstr "Riproduci un audio su Copia"
 msgid "Allow Pano to play an audio when copying new content"
 msgstr "Consenti a Pano di riprodurre un audio durante la copia di nuovi contenuti"
 
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:16
 msgid "Send Notification on Copy"
 msgstr "Invia notifica su copia"
@@ -555,39 +705,39 @@ msgstr "Scuoti l'indicatore"
 msgid "Wiggles the indicator on panel"
 msgstr "Scuoti l'indicatore sul pannello"
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr "Immagine copiata"
 
-#: src/utils/panoItemFactory.ts:407
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr "Larghezza: %spx, Altezza: %spx, Dimensione: %s"
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr "Testo copiato"
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr "Codice copiato"
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr "Emoji Copiata"
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr "Link copiato"
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr "Colore copiato"
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr "File %s"
 
-#: src/utils/panoItemFactory.ts:451
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr "Ci sono %s file(s)"
 
diff --git a/resources/po/ja.po b/resources/po/ja.po
index ea331e80..ff70af76 100644
--- a/resources/po/ja.po
+++ b/resources/po/ja.po
@@ -31,11 +31,15 @@ msgstr "シークレットモード"
 msgid "Settings"
 msgstr "設定"
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr ""
 
-#: src/components/searchBox.ts:70
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr ""
 
@@ -90,8 +94,6 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
 msgstr ""
@@ -99,21 +101,17 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr ""
@@ -136,141 +134,183 @@ msgstr ""
 msgid "Color Item Style"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
-msgid "Metadata Background Color"
+#: src/prefs/customization/colorItemStyle.ts:41
+msgid "You can change the font of the metadata"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
-msgid "You can change the background color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:21
+msgid "Common"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "Icon Pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "You can change the icon pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "You can change the font of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:28
+msgid "Default Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:14
-msgid "Common"
+#: src/prefs/customization/commonStyleGroup.ts:29
+msgid "Legacy Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "Icon Pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "You can change the icon pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:21
-msgid "Default Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:22
-msgid "Legacy Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
 msgstr ""
 
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
+
 #: src/prefs/customization/emojiItemStyle.ts:15
 msgid "Change the style of the emoji item"
 msgstr ""
@@ -295,14 +335,104 @@ msgstr ""
 msgid "File Item Style"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "Body Text Color"
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "You can change the text color of the body"
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
 msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
@@ -313,10 +443,6 @@ msgstr ""
 msgid "Image Item Style"
 msgstr ""
 
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr ""
-
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
 msgstr ""
@@ -333,51 +459,59 @@ msgstr ""
 msgid "Link Item Style"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:42
+msgid "Metadata Background Color"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:43
+msgid "You can change the background color of the metadata"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr ""
 
@@ -389,6 +523,14 @@ msgstr ""
 msgid "Text Item Style"
 msgstr ""
 
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "Body Text Color"
+msgstr ""
+
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "You can change the text color of the body"
+msgstr ""
+
 #: src/prefs/dangerZone/clearHistory.ts:15
 msgid "Clears the clipboard database and cache"
 msgstr "クリップボードのデータベースとキャッシュをクリアします。"
@@ -433,7 +575,7 @@ msgstr "Pano は、リストのいずれかのウィンドウがフォーカス
 msgid "Window class name"
 msgstr "ウィンドウ クラス名"
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr "全般オプション"
 
@@ -507,6 +649,14 @@ msgstr "コピー時にオーディオを再生する"
 msgid "Allow Pano to play an audio when copying new content"
 msgstr "新しいコンテンツをコピーするときにPanoがオーディオを再生できるようにする"
 
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:16
 msgid "Send Notification on Copy"
 msgstr ""
@@ -555,39 +705,39 @@ msgstr ""
 msgid "Wiggles the indicator on panel"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:407
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:451
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr ""
 
diff --git a/resources/po/ko.po b/resources/po/ko.po
index 87f12b65..f1079f43 100644
--- a/resources/po/ko.po
+++ b/resources/po/ko.po
@@ -31,11 +31,15 @@ msgstr "시크릿 모드"
 msgid "Settings"
 msgstr "설정"
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr "설명 없음"
 
-#: src/components/searchBox.ts:70
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr "검색하려면 입력, Tab으로 전환"
 
@@ -55,7 +59,7 @@ msgstr "코드 스타일"
 #: src/prefs/customization/linkItemStyle.ts:22
 #: src/prefs/customization/textItemStyle.ts:22
 msgid "Header Background Color"
-msgstr "제목 배경 색상"
+msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:23
 #: src/prefs/customization/colorItemStyle.ts:23
@@ -65,7 +69,7 @@ msgstr "제목 배경 색상"
 #: src/prefs/customization/linkItemStyle.ts:23
 #: src/prefs/customization/textItemStyle.ts:23
 msgid "You can change the background color of the header"
-msgstr "제목 배경의 색상을 바꾸기"
+msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:32
 #: src/prefs/customization/colorItemStyle.ts:32
@@ -75,7 +79,7 @@ msgstr "제목 배경의 색상을 바꾸기"
 #: src/prefs/customization/linkItemStyle.ts:32
 #: src/prefs/customization/textItemStyle.ts:32
 msgid "Header Text Color"
-msgstr "제목 텍스트 색상"
+msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:33
 #: src/prefs/customization/colorItemStyle.ts:33
@@ -85,35 +89,29 @@ msgstr "제목 텍스트 색상"
 #: src/prefs/customization/linkItemStyle.ts:33
 #: src/prefs/customization/textItemStyle.ts:33
 msgid "You can change the text color of the header"
-msgstr "제목 텍스트의 색상을 바꾸기"
+msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
-msgstr "내용 배경 색상"
+msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr "내용 배경의 색상을 바꾸기"
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr "내용 글꼴"
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr ""
@@ -136,141 +134,183 @@ msgstr "색상 항목의 스타일을 바꾸기"
 msgid "Color Item Style"
 msgstr "색상 항목 스타일"
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
-msgid "Metadata Background Color"
-msgstr ""
-
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
-msgid "You can change the background color of the metadata"
-msgstr ""
-
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
-msgstr ""
-
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
-msgstr ""
-
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
+#: src/prefs/customization/colorItemStyle.ts:41
 msgid "You can change the font of the metadata"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:14
+#: src/prefs/customization/commonStyleGroup.ts:21
 msgid "Common"
 msgstr "일반"
 
-#: src/prefs/customization/commonStyleGroup.ts:20
+#: src/prefs/customization/commonStyleGroup.ts:27
 msgid "Icon Pack"
 msgstr "아이콘 팩"
 
-#: src/prefs/customization/commonStyleGroup.ts:20
+#: src/prefs/customization/commonStyleGroup.ts:27
 msgid "You can change the icon pack"
 msgstr "아이콘 팩을 바꾸기"
 
-#: src/prefs/customization/commonStyleGroup.ts:21
+#: src/prefs/customization/commonStyleGroup.ts:28
 msgid "Default Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:22
+#: src/prefs/customization/commonStyleGroup.ts:29
 msgid "Legacy Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
-msgstr "항목 크기"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
-msgstr "아래"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
-msgstr "왼쪽"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
-msgstr "오른쪽"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
-msgstr "위"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
-msgstr "검색 창 글꼴"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
-msgstr "검색 창의 글꼴을 바꾸기"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
-msgstr "항목 날짜 글꼴"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
-msgstr "항목 날짜의 글꼴 바꾸기"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
 msgstr ""
 
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
+
 #: src/prefs/customization/emojiItemStyle.ts:15
 msgid "Change the style of the emoji item"
 msgstr ""
@@ -295,27 +335,113 @@ msgstr "파일 항목의 스타일을 바꾸기"
 msgid "File Item Style"
 msgstr "파일 항목 스타일"
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "Body Text Color"
-msgstr "내용 텍스트 색상"
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
+msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "You can change the text color of the body"
-msgstr "내용 텍스트 색상을 바꾸기"
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
+msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
 msgid "Change the style of the image item"
-msgstr "이미지 항목의 스타일을 바꾸기"
+msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
 msgid "Image Item Style"
-msgstr "이미지 항목 스타일"
-
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr "메타데이터 글꼴"
+msgstr ""
 
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
@@ -333,51 +459,59 @@ msgstr "링크 항목의 스타일을 바꾸기"
 msgid "Link Item Style"
 msgstr "링크 항목 스타일"
 
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:42
+msgid "Metadata Background Color"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:43
+msgid "You can change the background color of the metadata"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr "메타데이터 제목 색상"
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr "메타데이터 제목의 색상을 바꾸기"
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr "메타데이터 제목 글꼴"
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr "메타데이터 제목의 글꼴을 바꾸기"
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr "메타데이터 설명 색상"
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr "메타데이터 설명의 색상을 바꾸기"
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr "메타데이터 설명 글꼴"
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr "메타데이터 설명의 글꼴을 바꾸기"
 
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr "메타데이터 링크 색상"
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr "메타데이터 링크의 색상을 바꾸기"
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr "메타데이터 링크 글꼴"
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr "메타데이터 링크의 글꼴을 바꾸기"
 
@@ -389,6 +523,14 @@ msgstr "텍스트 항목의 스타일을 바꾸기"
 msgid "Text Item Style"
 msgstr "텍스트 항목 스타일"
 
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "Body Text Color"
+msgstr "내용 텍스트 색상"
+
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "You can change the text color of the body"
+msgstr "내용 텍스트 색상을 바꾸기"
+
 #: src/prefs/dangerZone/clearHistory.ts:15
 msgid "Clears the clipboard database and cache"
 msgstr "클립보드 데이터베이스 및 캐시를 삭제"
@@ -433,7 +575,7 @@ msgstr "Pano는 목록의 창에 포커스가 있는 경우 추적을 중지"
 msgid "Window class name"
 msgstr "창 클래스 이름"
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr "일반 옵션"
 
@@ -507,6 +649,14 @@ msgstr "복사 시 오디오 재생"
 msgid "Allow Pano to play an audio when copying new content"
 msgstr "Pano가 새 콘텐츠를 복사할 때 오디오를 재생하도록 허용"
 
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:16
 msgid "Send Notification on Copy"
 msgstr "복사 시 알림 보내기"
@@ -555,39 +705,39 @@ msgstr "표시기 흔들기"
 msgid "Wiggles the indicator on panel"
 msgstr "패널의 표시기를 흔들기"
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr "이미지 복사됨"
 
-#: src/utils/panoItemFactory.ts:407
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr "너비: %spx, 높이: %spx, 크기: %s"
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr "텍스트 복사됨"
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr "코드 복사됨"
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr "이모티콘 복사됨"
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr "링크 복사됨"
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr "색상 복사됨"
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr "파일 %s"
 
-#: src/utils/panoItemFactory.ts:451
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr "%s 개의 파일이 있음"
 
diff --git a/resources/po/nl.po b/resources/po/nl.po
index 853bf907..c5456dfc 100644
--- a/resources/po/nl.po
+++ b/resources/po/nl.po
@@ -31,11 +31,15 @@ msgstr "Incognitomodus"
 msgid "Settings"
 msgstr "Voorkeuren"
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr ""
 
-#: src/components/searchBox.ts:70
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr ""
 
@@ -90,8 +94,6 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
 msgstr ""
@@ -99,21 +101,17 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr ""
@@ -136,141 +134,183 @@ msgstr ""
 msgid "Color Item Style"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
-msgid "Metadata Background Color"
+#: src/prefs/customization/colorItemStyle.ts:41
+msgid "You can change the font of the metadata"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
-msgid "You can change the background color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:21
+msgid "Common"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "Icon Pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "You can change the icon pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "You can change the font of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:28
+msgid "Default Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:14
-msgid "Common"
+#: src/prefs/customization/commonStyleGroup.ts:29
+msgid "Legacy Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "Icon Pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "You can change the icon pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:21
-msgid "Default Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:22
-msgid "Legacy Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
 msgstr ""
 
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
+
 #: src/prefs/customization/emojiItemStyle.ts:15
 msgid "Change the style of the emoji item"
 msgstr ""
@@ -295,14 +335,104 @@ msgstr ""
 msgid "File Item Style"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "Body Text Color"
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "You can change the text color of the body"
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
 msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
@@ -313,10 +443,6 @@ msgstr ""
 msgid "Image Item Style"
 msgstr ""
 
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr ""
-
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
 msgstr ""
@@ -333,51 +459,59 @@ msgstr ""
 msgid "Link Item Style"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:42
+msgid "Metadata Background Color"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:43
+msgid "You can change the background color of the metadata"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr ""
 
@@ -389,6 +523,14 @@ msgstr ""
 msgid "Text Item Style"
 msgstr ""
 
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "Body Text Color"
+msgstr ""
+
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "You can change the text color of the body"
+msgstr ""
+
 #: src/prefs/dangerZone/clearHistory.ts:15
 msgid "Clears the clipboard database and cache"
 msgstr "Wis het klembord en de cache"
@@ -433,7 +575,7 @@ msgstr "Pano volgt geen vensters van toepassingen op de lijst"
 msgid "Window class name"
 msgstr "Vensterklassenaam"
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr "Algemene voorkeuren"
 
@@ -507,6 +649,14 @@ msgstr "Geluid afspelen na kopiëren van item/tekst"
 msgid "Allow Pano to play an audio when copying new content"
 msgstr "Geluid afspelen na kopiëren van item/tekst"
 
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:16
 msgid "Send Notification on Copy"
 msgstr ""
@@ -555,39 +705,39 @@ msgstr ""
 msgid "Wiggles the indicator on panel"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:407
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:451
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr ""
 
diff --git a/resources/po/no.po b/resources/po/no.po
index 29a5534e..b866e256 100644
--- a/resources/po/no.po
+++ b/resources/po/no.po
@@ -31,11 +31,15 @@ msgstr "Inkognitomodus"
 msgid "Settings"
 msgstr "Innstillinger"
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr ""
 
-#: src/components/searchBox.ts:70
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr ""
 
@@ -90,8 +94,6 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
 msgstr ""
@@ -99,21 +101,17 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr ""
@@ -136,141 +134,183 @@ msgstr ""
 msgid "Color Item Style"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
-msgid "Metadata Background Color"
+#: src/prefs/customization/colorItemStyle.ts:41
+msgid "You can change the font of the metadata"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
-msgid "You can change the background color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:21
+msgid "Common"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "Icon Pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "You can change the icon pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "You can change the font of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:28
+msgid "Default Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:14
-msgid "Common"
+#: src/prefs/customization/commonStyleGroup.ts:29
+msgid "Legacy Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "Icon Pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "You can change the icon pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:21
-msgid "Default Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:22
-msgid "Legacy Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
 msgstr ""
 
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
+
 #: src/prefs/customization/emojiItemStyle.ts:15
 msgid "Change the style of the emoji item"
 msgstr ""
@@ -295,14 +335,104 @@ msgstr ""
 msgid "File Item Style"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "Body Text Color"
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "You can change the text color of the body"
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
 msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
@@ -313,10 +443,6 @@ msgstr ""
 msgid "Image Item Style"
 msgstr ""
 
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr ""
-
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
 msgstr ""
@@ -333,51 +459,59 @@ msgstr ""
 msgid "Link Item Style"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:42
+msgid "Metadata Background Color"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:43
+msgid "You can change the background color of the metadata"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr ""
 
@@ -389,6 +523,14 @@ msgstr ""
 msgid "Text Item Style"
 msgstr ""
 
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "Body Text Color"
+msgstr ""
+
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "You can change the text color of the body"
+msgstr ""
+
 #: src/prefs/dangerZone/clearHistory.ts:15
 msgid "Clears the clipboard database and cache"
 msgstr "Tømmer utklippstavledatabasen og hurtigbufferen"
@@ -433,7 +575,7 @@ msgstr "Pano vil slutte å spore hvis et vindu fra listen er fokusert"
 msgid "Window class name"
 msgstr "Navn på vindusklasse"
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr "Generelle alternativer"
 
@@ -507,6 +649,14 @@ msgstr "Spill av en lyd på Copy"
 msgid "Allow Pano to play an audio when copying new content"
 msgstr "Tillat Pano å spille av en lyd når du kopierer nytt innhold"
 
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:16
 msgid "Send Notification on Copy"
 msgstr ""
@@ -555,39 +705,39 @@ msgstr ""
 msgid "Wiggles the indicator on panel"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:407
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:451
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr ""
 
diff --git a/resources/po/oc.po b/resources/po/oc.po
index c51a36fb..d3ad0274 100644
--- a/resources/po/oc.po
+++ b/resources/po/oc.po
@@ -31,11 +31,15 @@ msgstr "Mòde incognito"
 msgid "Settings"
 msgstr "Paramètres"
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr ""
 
-#: src/components/searchBox.ts:70
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr ""
 
@@ -90,8 +94,6 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
 msgstr ""
@@ -99,21 +101,17 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr ""
@@ -136,141 +134,183 @@ msgstr ""
 msgid "Color Item Style"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
-msgid "Metadata Background Color"
+#: src/prefs/customization/colorItemStyle.ts:41
+msgid "You can change the font of the metadata"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
-msgid "You can change the background color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:21
+msgid "Common"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "Icon Pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "You can change the icon pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "You can change the font of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:28
+msgid "Default Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:14
-msgid "Common"
+#: src/prefs/customization/commonStyleGroup.ts:29
+msgid "Legacy Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "Icon Pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "You can change the icon pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:21
-msgid "Default Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:22
-msgid "Legacy Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
 msgstr ""
 
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
+
 #: src/prefs/customization/emojiItemStyle.ts:15
 msgid "Change the style of the emoji item"
 msgstr ""
@@ -295,14 +335,104 @@ msgstr ""
 msgid "File Item Style"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "Body Text Color"
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "You can change the text color of the body"
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
 msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
@@ -313,10 +443,6 @@ msgstr ""
 msgid "Image Item Style"
 msgstr ""
 
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr ""
-
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
 msgstr ""
@@ -333,51 +459,59 @@ msgstr ""
 msgid "Link Item Style"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:42
+msgid "Metadata Background Color"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:43
+msgid "You can change the background color of the metadata"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr ""
 
@@ -389,6 +523,14 @@ msgstr ""
 msgid "Text Item Style"
 msgstr ""
 
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "Body Text Color"
+msgstr ""
+
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "You can change the text color of the body"
+msgstr ""
+
 #: src/prefs/dangerZone/clearHistory.ts:15
 msgid "Clears the clipboard database and cache"
 msgstr "Escafa la basa de donadas del quichapapièrs e lo cache"
@@ -433,7 +575,7 @@ msgstr ""
 msgid "Window class name"
 msgstr "Nom de classa de la fenèstra"
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr "Opcions generalas"
 
@@ -507,6 +649,14 @@ msgstr "Jogar un son en copiant"
 msgid "Allow Pano to play an audio when copying new content"
 msgstr "Permet a Pano de jogar un son quand un contengut novèl es copiat"
 
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:16
 msgid "Send Notification on Copy"
 msgstr ""
@@ -555,39 +705,39 @@ msgstr ""
 msgid "Wiggles the indicator on panel"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:407
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:451
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr ""
 
diff --git a/resources/po/pano@elhan.io.pot b/resources/po/pano@elhan.io.pot
index cbe41c29..a3b2a039 100644
--- a/resources/po/pano@elhan.io.pot
+++ b/resources/po/pano@elhan.io.pot
@@ -2,7 +2,7 @@ msgid ""
 msgstr ""
 "Content-Type: text/plain; charset=UTF-8\n"
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
 msgstr ""
 
@@ -18,6 +18,10 @@ msgstr ""
 msgid "Allow Pano to play an audio when copying new content"
 msgstr ""
 
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:17
 msgid "Allow Pano to send notification when copying new content"
 msgstr ""
@@ -42,28 +46,28 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
 #: src/prefs/customization/textItemStyle.ts:51
 msgid "Body Text Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
 msgstr ""
 
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
 #: src/components/indicator/clearHistoryDialog.ts:23
 msgid "Cancel"
 msgstr ""
@@ -124,7 +128,7 @@ msgstr ""
 msgid "Code"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr ""
 
@@ -136,7 +140,7 @@ msgstr ""
 msgid "Color"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr ""
 
@@ -144,10 +148,26 @@ msgstr ""
 msgid "Color Item Style"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:14
+#: src/prefs/customization/commonStyleGroup.ts:21
 msgid "Common"
 msgstr ""
 
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
 msgstr ""
@@ -160,7 +180,7 @@ msgstr ""
 msgid "Database Location"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:21
+#: src/prefs/customization/commonStyleGroup.ts:28
 msgid "Default Icons"
 msgstr ""
 
@@ -168,7 +188,7 @@ msgstr ""
 msgid "Emoji"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr ""
 
@@ -192,7 +212,7 @@ msgstr ""
 msgid "File"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr ""
 
@@ -200,11 +220,27 @@ msgstr ""
 msgid "File Item Style"
 msgstr ""
 
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
 #: src/prefs/general/index.ts:13
 msgid "General"
 msgstr ""
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr ""
 
@@ -222,6 +258,10 @@ msgstr ""
 msgid "Header Background Color"
 msgstr ""
 
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
+msgstr ""
+
 #: src/prefs/customization/codeItemStyle.ts:32
 #: src/prefs/customization/colorItemStyle.ts:32
 #: src/prefs/customization/emojiItemStyle.ts:32
@@ -232,15 +272,19 @@ msgstr ""
 msgid "Header Text Color"
 msgstr ""
 
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
+
 #: src/prefs/general/historyLength.ts:15
 msgid "History Length"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
+#: src/prefs/customization/commonStyleGroup.ts:27
 msgid "Icon Pack"
 msgstr ""
 
@@ -248,7 +292,7 @@ msgstr ""
 msgid "Image"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr ""
 
@@ -264,26 +308,34 @@ msgstr ""
 msgid "Incognito Mode Shortcut"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
 msgstr ""
 
 #: src/prefs/customization/itemStyleGroup.ts:18
 msgid "Item Style"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
 msgstr ""
 
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
+msgstr ""
+
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
 #: src/prefs/general/keepSearchEntryOnHide.ts:15
 msgid "Keep Search Entry"
 msgstr ""
@@ -292,11 +344,15 @@ msgstr ""
 msgid "Keep search entry when Pano hides"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:22
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:29
 msgid "Legacy Icons"
 msgstr ""
 
@@ -304,7 +360,7 @@ msgstr ""
 msgid "Link"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr ""
 
@@ -320,42 +376,31 @@ msgstr ""
 msgid "Manage Exclusions"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
+#: src/prefs/customization/linkItemStyle.ts:42
 msgid "Metadata Background Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr ""
 
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr ""
-
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
-msgstr ""
-
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr ""
 
@@ -364,7 +409,7 @@ msgstr ""
 msgid "New shortcut"
 msgstr ""
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr ""
 
@@ -388,11 +433,27 @@ msgstr ""
 msgid "Play an Audio on Copy"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
 msgstr ""
 
@@ -413,6 +474,10 @@ msgstr ""
 msgid "Settings"
 msgstr ""
 
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
 #: src/prefs/general/showIndicator.ts:15
 msgid "Show Indicator"
 msgstr ""
@@ -433,7 +498,7 @@ msgstr ""
 msgid "Text"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr ""
 
@@ -441,18 +506,46 @@ msgstr ""
 msgid "Text Item Style"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:451
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
 msgstr ""
 
-#: src/components/searchBox.ts:70
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr ""
 
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
 #: src/prefs/general/watchExclusions.ts:15
 msgid "Watch Exclusions"
 msgstr ""
@@ -465,7 +558,11 @@ msgstr ""
 msgid "When enabled, Pano will not track clipboard from excluded apps"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:407
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
+
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr ""
 
@@ -477,7 +574,7 @@ msgstr ""
 msgid "Wiggles the indicator on panel"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
 msgstr ""
 
@@ -485,27 +582,33 @@ msgstr ""
 msgid "Window class name"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr ""
 
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
 #: src/prefs/customization/codeItemStyle.ts:23
 #: src/prefs/customization/colorItemStyle.ts:23
 #: src/prefs/customization/emojiItemStyle.ts:23
@@ -516,18 +619,28 @@ msgstr ""
 msgid "You can change the background color of the header"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
+#: src/prefs/customization/linkItemStyle.ts:43
 msgid "You can change the background color of the metadata"
 msgstr ""
 
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
+msgstr ""
+
 #: src/prefs/customization/codeItemStyle.ts:56
 #: src/prefs/customization/textItemStyle.ts:61
 msgid "You can change the character length of the visible text in the body"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr ""
 
@@ -535,66 +648,96 @@ msgstr ""
 msgid "You can change the emoji size"
 msgstr ""
 
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/colorItemStyle.ts:41
 msgid "You can change the font of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
+#: src/prefs/customization/commonStyleGroup.ts:27
 msgid "You can change the icon pack"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
 #: src/prefs/customization/textItemStyle.ts:51
 msgid "You can change the text color of the body"
 msgstr ""
 
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
 #: src/prefs/customization/codeItemStyle.ts:33
 #: src/prefs/customization/colorItemStyle.ts:33
 #: src/prefs/customization/emojiItemStyle.ts:33
@@ -605,16 +748,23 @@ msgstr ""
 msgid "You can change the text color of the header"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
 msgstr ""
 
diff --git a/resources/po/pl.po b/resources/po/pl.po
index 53cb0407..1d906307 100644
--- a/resources/po/pl.po
+++ b/resources/po/pl.po
@@ -31,11 +31,15 @@ msgstr "Tryb Incognito"
 msgid "Settings"
 msgstr "Ustawienia"
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr ""
 
-#: src/components/searchBox.ts:70
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr ""
 
@@ -90,8 +94,6 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
 msgstr ""
@@ -99,21 +101,17 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr ""
@@ -136,141 +134,183 @@ msgstr ""
 msgid "Color Item Style"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
-msgid "Metadata Background Color"
+#: src/prefs/customization/colorItemStyle.ts:41
+msgid "You can change the font of the metadata"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
-msgid "You can change the background color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:21
+msgid "Common"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "Icon Pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "You can change the icon pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "You can change the font of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:28
+msgid "Default Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:14
-msgid "Common"
+#: src/prefs/customization/commonStyleGroup.ts:29
+msgid "Legacy Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "Icon Pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "You can change the icon pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:21
-msgid "Default Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:22
-msgid "Legacy Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
 msgstr ""
 
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
+
 #: src/prefs/customization/emojiItemStyle.ts:15
 msgid "Change the style of the emoji item"
 msgstr ""
@@ -295,14 +335,104 @@ msgstr ""
 msgid "File Item Style"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "Body Text Color"
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "You can change the text color of the body"
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
 msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
@@ -313,10 +443,6 @@ msgstr ""
 msgid "Image Item Style"
 msgstr ""
 
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr ""
-
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
 msgstr ""
@@ -333,51 +459,59 @@ msgstr ""
 msgid "Link Item Style"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:42
+msgid "Metadata Background Color"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:43
+msgid "You can change the background color of the metadata"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr ""
 
@@ -389,6 +523,14 @@ msgstr ""
 msgid "Text Item Style"
 msgstr ""
 
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "Body Text Color"
+msgstr ""
+
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "You can change the text color of the body"
+msgstr ""
+
 #: src/prefs/dangerZone/clearHistory.ts:15
 msgid "Clears the clipboard database and cache"
 msgstr "Czyści schowek i pamięć podręczną"
@@ -433,7 +575,7 @@ msgstr "Pano przestanie śledzić jeśli któreś z tych programów jest używan
 msgid "Window class name"
 msgstr "Nazwa programu"
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr "Ogólne Opcje"
 
@@ -507,6 +649,14 @@ msgstr "Wydaj dźwięk podczas kopiowania"
 msgid "Allow Pano to play an audio when copying new content"
 msgstr "Pozwala Pano na wydanie dźwięku podczas kopiowania"
 
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:16
 msgid "Send Notification on Copy"
 msgstr ""
@@ -555,39 +705,39 @@ msgstr ""
 msgid "Wiggles the indicator on panel"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:407
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:451
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr ""
 
diff --git a/resources/po/pt.po b/resources/po/pt.po
index 4d247842..46e1da1c 100644
--- a/resources/po/pt.po
+++ b/resources/po/pt.po
@@ -31,11 +31,15 @@ msgstr "Modo de navegação anónima"
 msgid "Settings"
 msgstr "Configurações"
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr ""
 
-#: src/components/searchBox.ts:70
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr ""
 
@@ -90,8 +94,6 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
 msgstr ""
@@ -99,21 +101,17 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr ""
@@ -136,141 +134,183 @@ msgstr ""
 msgid "Color Item Style"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
-msgid "Metadata Background Color"
+#: src/prefs/customization/colorItemStyle.ts:41
+msgid "You can change the font of the metadata"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
-msgid "You can change the background color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:21
+msgid "Common"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "Icon Pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "You can change the icon pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "You can change the font of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:28
+msgid "Default Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:14
-msgid "Common"
+#: src/prefs/customization/commonStyleGroup.ts:29
+msgid "Legacy Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "Icon Pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "You can change the icon pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:21
-msgid "Default Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:22
-msgid "Legacy Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
 msgstr ""
 
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
+
 #: src/prefs/customization/emojiItemStyle.ts:15
 msgid "Change the style of the emoji item"
 msgstr ""
@@ -295,14 +335,104 @@ msgstr ""
 msgid "File Item Style"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "Body Text Color"
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "You can change the text color of the body"
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
 msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
@@ -313,10 +443,6 @@ msgstr ""
 msgid "Image Item Style"
 msgstr ""
 
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr ""
-
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
 msgstr ""
@@ -333,51 +459,59 @@ msgstr ""
 msgid "Link Item Style"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:42
+msgid "Metadata Background Color"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:43
+msgid "You can change the background color of the metadata"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr ""
 
@@ -389,6 +523,14 @@ msgstr ""
 msgid "Text Item Style"
 msgstr ""
 
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "Body Text Color"
+msgstr ""
+
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "You can change the text color of the body"
+msgstr ""
+
 #: src/prefs/dangerZone/clearHistory.ts:15
 msgid "Clears the clipboard database and cache"
 msgstr "Limpa o banco de dados e o cache da área de transferência"
@@ -433,7 +575,7 @@ msgstr "O Pano interromperá o rastreamento se alguma janela da lista estiver fo
 msgid "Window class name"
 msgstr "Nome da classe Window"
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr "Opções Gerais"
 
@@ -507,6 +649,14 @@ msgstr "Reproduzir um áudio ao copiar"
 msgid "Allow Pano to play an audio when copying new content"
 msgstr "Permitir que o Pano reproduza um áudio ao copiar um novo conteúdo"
 
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:16
 msgid "Send Notification on Copy"
 msgstr ""
@@ -555,39 +705,39 @@ msgstr ""
 msgid "Wiggles the indicator on panel"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:407
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:451
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr ""
 
diff --git a/resources/po/pt_BR.po b/resources/po/pt_BR.po
index 6a263ead..b37e01ea 100644
--- a/resources/po/pt_BR.po
+++ b/resources/po/pt_BR.po
@@ -31,11 +31,15 @@ msgstr "Modo anônimo"
 msgid "Settings"
 msgstr "Configurações"
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr "Sem descrição"
 
-#: src/components/searchBox.ts:70
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr "Digite para pesquisar, Tab para mudar"
 
@@ -90,8 +94,6 @@ msgstr "Você pode mudar a cor do texto do cabeçalho"
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
 msgstr "Cor de fundo do corpo"
@@ -99,21 +101,17 @@ msgstr "Cor de fundo do corpo"
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr "Você pode mudar a cor de fundo do corpo"
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr "Fonte do corpo"
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr "Você pode mudar a fonte do corpo"
@@ -136,141 +134,183 @@ msgstr "Mudar o estilo do item de cor"
 msgid "Color Item Style"
 msgstr "Estilo do item de cor"
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
-msgid "Metadata Background Color"
-msgstr "Cor de fundo dos metadados"
-
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
-msgid "You can change the background color of the metadata"
-msgstr "Você pode mudar a cor de fundo dos metadados"
-
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
-msgstr "Cor do texto dos metadados"
-
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
-msgstr "Você pode mudar a cor do texto dos metadados"
-
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
+#: src/prefs/customization/colorItemStyle.ts:41
 msgid "You can change the font of the metadata"
 msgstr "Você pode mudar a fonte dos metadados"
 
-#: src/prefs/customization/commonStyleGroup.ts:14
+#: src/prefs/customization/commonStyleGroup.ts:21
 msgid "Common"
 msgstr "Comum"
 
-#: src/prefs/customization/commonStyleGroup.ts:20
+#: src/prefs/customization/commonStyleGroup.ts:27
 msgid "Icon Pack"
 msgstr "Pacote de ícones"
 
-#: src/prefs/customization/commonStyleGroup.ts:20
+#: src/prefs/customization/commonStyleGroup.ts:27
 msgid "You can change the icon pack"
 msgstr "Você pode mudar o pacote de ícones"
 
-#: src/prefs/customization/commonStyleGroup.ts:21
+#: src/prefs/customization/commonStyleGroup.ts:28
 msgid "Default Icons"
 msgstr "Ícones padrão"
 
-#: src/prefs/customization/commonStyleGroup.ts:22
+#: src/prefs/customization/commonStyleGroup.ts:29
 msgid "Legacy Icons"
 msgstr "Ícones antigos"
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
-msgstr "Tamanho do item"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
-msgstr "Você pode mudar o tamanho do item"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
 msgstr "Posição da janela"
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
 msgstr "Você pode mudar a posição do Pano"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
 msgstr "Inferior"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
 msgstr "Esquerda"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
 msgstr "Direita"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
 msgstr "Superior"
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
 msgstr "Cor de fundo da janela"
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
 msgstr "Você pode mudar a cor de fundo da janela"
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
 msgstr "Cor de fundo da janela anônima"
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
 msgstr "Você pode mudar a cor de fundo da janela anônima"
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
 msgstr "Fonte da barra de pesquisa"
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
 msgstr "Você pode mudar a fonte da barra de pesquisa"
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
 msgstr "Fonte do título do item"
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
 msgstr "Você pode mudar a fonte do título"
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
 msgstr "Fonte da data do item"
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
 msgstr "Você pode mudar a fonte da data"
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
 msgstr "Cor da borda do item ativo"
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
 msgstr "Você pode mudar a cor da borda do item ativo"
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
 msgstr "Cor da borda do item destacado"
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
 msgstr "Você pode mudar a cor da borda do item destacado"
 
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
+
 #: src/prefs/customization/emojiItemStyle.ts:15
 msgid "Change the style of the emoji item"
 msgstr "Mudar o estilo do item de emoji"
@@ -295,15 +335,105 @@ msgstr "Mudar o estilo do item de arquivo"
 msgid "File Item Style"
 msgstr "Estilo de Item de Arquivo"
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "Body Text Color"
-msgstr "Cor do texto do corpo"
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
+msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "You can change the text color of the body"
-msgstr "Você pode mudar a cor do texto do corpo"
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
+msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
 msgid "Change the style of the image item"
@@ -313,10 +443,6 @@ msgstr "Mudar o estilo do item de imagem"
 msgid "Image Item Style"
 msgstr "Estilo de Item de Imagem"
 
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr "Fonte da metadados"
-
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
 msgstr "Customização"
@@ -333,51 +459,59 @@ msgstr "Mudar o estilo do item de link"
 msgid "Link Item Style"
 msgstr "Estilo de Item de Link"
 
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:42
+msgid "Metadata Background Color"
+msgstr "Cor de fundo dos metadados"
+
+#: src/prefs/customization/linkItemStyle.ts:43
+msgid "You can change the background color of the metadata"
+msgstr "Você pode mudar a cor de fundo dos metadados"
+
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr "Cor do título do metadado"
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr "Você pode mudar a cor do título do metadado"
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr "Fonte do título do metadado"
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr "Você pode mudar a fonte do título do metadado"
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr "Cor da descrição do metadado"
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr "Você pode mudar a cor da descrição do metadado"
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr "Fonte da descrição do metadado"
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr "Você pode mudar a fonte da descrição do metadado"
 
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr "Cor do link do metadado"
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr "Você pode mudar a cor do link do metadado"
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr "Fonte do link do metadado"
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr "Você pode mudar a fonte do link do metadado"
 
@@ -389,6 +523,14 @@ msgstr "Mude o estilo do item de texto"
 msgid "Text Item Style"
 msgstr "Estilo de item de texto"
 
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "Body Text Color"
+msgstr "Cor do texto do corpo"
+
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "You can change the text color of the body"
+msgstr "Você pode mudar a cor do texto do corpo"
+
 #: src/prefs/dangerZone/clearHistory.ts:15
 msgid "Clears the clipboard database and cache"
 msgstr "Limpa o banco de dados da área de transferência e o cache"
@@ -433,7 +575,7 @@ msgstr "O Pano deixará de rastrear se qualquer janela da lista estiver em foco"
 msgid "Window class name"
 msgstr "Nome da classe da janela"
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr "Opções gerais"
 
@@ -507,6 +649,14 @@ msgstr "Tocar um áudio ao copiar"
 msgid "Allow Pano to play an audio when copying new content"
 msgstr "Permitir que o Pano toque um áudio ao copiar novo conteúdo"
 
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:16
 msgid "Send Notification on Copy"
 msgstr "Enviar notificação ao copiar"
@@ -555,39 +705,39 @@ msgstr "Agitar Indicador"
 msgid "Wiggles the indicator on panel"
 msgstr "Agita o indicador na barra"
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr "Imagem Copiada"
 
-#: src/utils/panoItemFactory.ts:407
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr "Largura: %spx, Altura: %spx, Tamanho: %s"
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr "Texto Copiado"
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr "Código Copiado"
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr "Emoji Copiado"
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr "Link Copiado"
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr "Cor Copiada"
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr "Arquivo %s"
 
-#: src/utils/panoItemFactory.ts:451
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr "Existem %s arquivo(s)"
 
diff --git a/resources/po/ro.po b/resources/po/ro.po
index 2d61532d..44045d0c 100644
--- a/resources/po/ro.po
+++ b/resources/po/ro.po
@@ -31,11 +31,15 @@ msgstr "Modul incognito"
 msgid "Settings"
 msgstr "Setări"
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr ""
 
-#: src/components/searchBox.ts:70
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr ""
 
@@ -90,8 +94,6 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
 msgstr ""
@@ -99,21 +101,17 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr ""
@@ -136,141 +134,183 @@ msgstr ""
 msgid "Color Item Style"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
-msgid "Metadata Background Color"
+#: src/prefs/customization/colorItemStyle.ts:41
+msgid "You can change the font of the metadata"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
-msgid "You can change the background color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:21
+msgid "Common"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "Icon Pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "You can change the icon pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "You can change the font of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:28
+msgid "Default Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:14
-msgid "Common"
+#: src/prefs/customization/commonStyleGroup.ts:29
+msgid "Legacy Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "Icon Pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "You can change the icon pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:21
-msgid "Default Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:22
-msgid "Legacy Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
 msgstr ""
 
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
+
 #: src/prefs/customization/emojiItemStyle.ts:15
 msgid "Change the style of the emoji item"
 msgstr ""
@@ -295,14 +335,104 @@ msgstr ""
 msgid "File Item Style"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "Body Text Color"
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "You can change the text color of the body"
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
 msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
@@ -313,10 +443,6 @@ msgstr ""
 msgid "Image Item Style"
 msgstr ""
 
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr ""
-
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
 msgstr ""
@@ -333,51 +459,59 @@ msgstr ""
 msgid "Link Item Style"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:42
+msgid "Metadata Background Color"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:43
+msgid "You can change the background color of the metadata"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr ""
 
@@ -389,6 +523,14 @@ msgstr ""
 msgid "Text Item Style"
 msgstr ""
 
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "Body Text Color"
+msgstr ""
+
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "You can change the text color of the body"
+msgstr ""
+
 #: src/prefs/dangerZone/clearHistory.ts:15
 msgid "Clears the clipboard database and cache"
 msgstr "Golește baza de date clipboard și memoria cache"
@@ -433,7 +575,7 @@ msgstr "Pano va opri urmărirea dacă orice fereastră din listă este focalizat
 msgid "Window class name"
 msgstr "Numele clasei de fereastră"
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr "Opțiuni generale"
 
@@ -507,6 +649,14 @@ msgstr "Redarea unui audio pe copiere"
 msgid "Allow Pano to play an audio when copying new content"
 msgstr "Permiteți-i lui Pano să redea un sunet atunci când copiază conținut nou"
 
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:16
 msgid "Send Notification on Copy"
 msgstr ""
@@ -555,39 +705,39 @@ msgstr ""
 msgid "Wiggles the indicator on panel"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:407
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:451
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr ""
 
diff --git a/resources/po/ru.po b/resources/po/ru.po
index d199a408..edd0487b 100644
--- a/resources/po/ru.po
+++ b/resources/po/ru.po
@@ -31,11 +31,15 @@ msgstr "Режим инкогнито"
 msgid "Settings"
 msgstr "Настройки"
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr "Без описания"
 
-#: src/components/searchBox.ts:70
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr "Введите для поиска или нажмите Tab для переключения"
 
@@ -90,8 +94,6 @@ msgstr "Вы можете изменить цвет текста в заголо
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
 msgstr "Цвет фона содержимого"
@@ -99,21 +101,17 @@ msgstr "Цвет фона содержимого"
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr "Вы можете изменить цвет фона содержимого"
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr "Шрифт содержимого"
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr "Вы можете изменить шрифт содержимого"
@@ -136,141 +134,183 @@ msgstr "Изменить стиль элемента с цветом"
 msgid "Color Item Style"
 msgstr "Стиль элемента с цветом"
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
-msgid "Metadata Background Color"
-msgstr "Цвет фона метаданных"
-
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
-msgid "You can change the background color of the metadata"
-msgstr "Вы можете изменить цвет фона элемента со ссылкой"
-
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
-msgstr "Цвет текста ссылки"
-
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
-msgstr "Вы можете изменить цвет текста ссылки"
-
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
+#: src/prefs/customization/colorItemStyle.ts:41
 msgid "You can change the font of the metadata"
 msgstr "Вы можете изменить шрифт метаданных"
 
-#: src/prefs/customization/commonStyleGroup.ts:14
+#: src/prefs/customization/commonStyleGroup.ts:21
 msgid "Common"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
+#: src/prefs/customization/commonStyleGroup.ts:27
 msgid "Icon Pack"
 msgstr "Набор иконок"
 
-#: src/prefs/customization/commonStyleGroup.ts:20
+#: src/prefs/customization/commonStyleGroup.ts:27
 msgid "You can change the icon pack"
 msgstr "Вы можете изменить набор иконок"
 
-#: src/prefs/customization/commonStyleGroup.ts:21
+#: src/prefs/customization/commonStyleGroup.ts:28
 msgid "Default Icons"
 msgstr "Стандартные иконки"
 
-#: src/prefs/customization/commonStyleGroup.ts:22
+#: src/prefs/customization/commonStyleGroup.ts:29
 msgid "Legacy Icons"
 msgstr "Устаревшие иконки"
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
-msgstr "Размер элемента"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
-msgstr "Вы можете изменить размер элемента"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
 msgstr "Положение окна"
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
 msgstr "Вы можете изменить положение Pano"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
 msgstr "Цвет фона окна"
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
 msgstr "Вы можете изменить цвет фона окна"
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
 msgstr "Цвет фона окна инкогнито"
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
 msgstr "Вы можете изменить цвет фона окна инкогнито"
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
 msgstr "Шрифт панели поиска"
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
 msgstr "Вы можете изменить шрифт в строке поиска"
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
 msgstr "Шрифт заголовка элемента"
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
 msgstr "Вы можете изменить шрифт заголовка"
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
 msgstr "Шрифт даты элемента"
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
 msgstr "Вы можете изменить шрифт даты"
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
 msgstr "Цвет границы активного элемента"
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
 msgstr "Вы можете изменить цвет границы активного элемента"
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
 msgstr "Цвет границы выбранного элемента"
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
 msgstr "Вы можете изменить цвет границы выбранного элемента"
 
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
+
 #: src/prefs/customization/emojiItemStyle.ts:15
 msgid "Change the style of the emoji item"
 msgstr "Изменить стиль элемента с эмодзи"
@@ -295,15 +335,105 @@ msgstr "Изменить стиль элемента с файлом"
 msgid "File Item Style"
 msgstr "Стиль элемнта с файлом"
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "Body Text Color"
-msgstr "Цвет основного текста"
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
+msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "You can change the text color of the body"
-msgstr "Вы можете изменить цвет основного текста"
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
+msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
 msgid "Change the style of the image item"
@@ -313,10 +443,6 @@ msgstr "Изменить стиль элемента с изображением
 msgid "Image Item Style"
 msgstr "Стиль элемента с изображением"
 
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr "Шрифт метаданных"
-
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
 msgstr "Настройка"
@@ -333,51 +459,59 @@ msgstr "Изменить стиль элемента со сслыкой"
 msgid "Link Item Style"
 msgstr "Стиль элемента со ссылкой"
 
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:42
+msgid "Metadata Background Color"
+msgstr "Цвет фона метаданных"
+
+#: src/prefs/customization/linkItemStyle.ts:43
+msgid "You can change the background color of the metadata"
+msgstr "Вы можете изменить цвет фона элемента со ссылкой"
+
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr "Цвет заголовка метаданных"
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr "Вы можете изменить цвет заголовка метаданных"
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr "Шрифт заголовка метаданных"
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr "Вы можете изменить шрифт заголовка метаданных"
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr "Цвет описания ссылки"
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr "Вы можете изменить цвет текста описания метаданных"
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr "Шрифт описания ссылки"
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr "Вы можете изменить шрифт описания ссылки"
 
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr "Цвет элемента со ссылкой"
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr "Вы можете изменить цвет ссылки метаданных"
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr "Шрифт сслыки"
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr "Вы можете изменить шрифт ссылки"
 
@@ -389,6 +523,14 @@ msgstr "Изменить стиль элемента с текстом"
 msgid "Text Item Style"
 msgstr "Стиль элемента с текстом"
 
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "Body Text Color"
+msgstr "Цвет основного текста"
+
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "You can change the text color of the body"
+msgstr "Вы можете изменить цвет основного текста"
+
 #: src/prefs/dangerZone/clearHistory.ts:15
 msgid "Clears the clipboard database and cache"
 msgstr "Очистить базу данных буфера обмена и кэш"
@@ -433,7 +575,7 @@ msgstr "Pano остановит отслеживание если какое-л
 msgid "Window class name"
 msgstr "Имя класса окна"
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr "Общие настройки"
 
@@ -507,6 +649,14 @@ msgstr "Воспроизводить звук при копировании"
 msgid "Allow Pano to play an audio when copying new content"
 msgstr "Разрешить Pano воспроизводить звук при копировании нового содержимого"
 
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:16
 msgid "Send Notification on Copy"
 msgstr "Отправить уведомление о копировании"
@@ -555,39 +705,39 @@ msgstr "Покачивающийся индикатор"
 msgid "Wiggles the indicator on panel"
 msgstr "Покачивающийся индикатор на панели"
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr "Изображение скопировано"
 
-#: src/utils/panoItemFactory.ts:407
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr "Ширина: %spx, Высота: %spx, Размер: %s"
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr "Текст скопирован"
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr "Код скопирован"
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr "Эмодзи скопирован"
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr "Ссылка скопирована"
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr "Цвет скопирован"
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr "Файл %s"
 
-#: src/utils/panoItemFactory.ts:451
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr "Есть %s файлов"
 
diff --git a/resources/po/sk.po b/resources/po/sk.po
index 260e2f2a..50dd13e9 100644
--- a/resources/po/sk.po
+++ b/resources/po/sk.po
@@ -31,11 +31,15 @@ msgstr "Režim inkognito"
 msgid "Settings"
 msgstr "Nastavenia"
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr ""
 
-#: src/components/searchBox.ts:70
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr ""
 
@@ -90,8 +94,6 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
 msgstr ""
@@ -99,21 +101,17 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr ""
@@ -136,141 +134,183 @@ msgstr ""
 msgid "Color Item Style"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
-msgid "Metadata Background Color"
+#: src/prefs/customization/colorItemStyle.ts:41
+msgid "You can change the font of the metadata"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
-msgid "You can change the background color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:21
+msgid "Common"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "Icon Pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "You can change the icon pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "You can change the font of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:28
+msgid "Default Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:14
-msgid "Common"
+#: src/prefs/customization/commonStyleGroup.ts:29
+msgid "Legacy Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "Icon Pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "You can change the icon pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:21
-msgid "Default Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:22
-msgid "Legacy Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
 msgstr ""
 
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
+
 #: src/prefs/customization/emojiItemStyle.ts:15
 msgid "Change the style of the emoji item"
 msgstr ""
@@ -295,14 +335,104 @@ msgstr ""
 msgid "File Item Style"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "Body Text Color"
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "You can change the text color of the body"
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
 msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
@@ -313,10 +443,6 @@ msgstr ""
 msgid "Image Item Style"
 msgstr ""
 
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr ""
-
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
 msgstr ""
@@ -333,51 +459,59 @@ msgstr ""
 msgid "Link Item Style"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:42
+msgid "Metadata Background Color"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:43
+msgid "You can change the background color of the metadata"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr ""
 
@@ -389,6 +523,14 @@ msgstr ""
 msgid "Text Item Style"
 msgstr ""
 
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "Body Text Color"
+msgstr ""
+
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "You can change the text color of the body"
+msgstr ""
+
 #: src/prefs/dangerZone/clearHistory.ts:15
 msgid "Clears the clipboard database and cache"
 msgstr "Vymaže databázu schránky a vyrovnávaciu pamäť"
@@ -433,7 +575,7 @@ msgstr "Pano prestane sledovať, ak je zaostrené ktorékoľvek okno zo zoznamu"
 msgid "Window class name"
 msgstr "Názov triedy okna"
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr "Všeobecné možnosti"
 
@@ -507,6 +649,14 @@ msgstr "Prehrávanie zvuku v kópii"
 msgid "Allow Pano to play an audio when copying new content"
 msgstr "Povolenie prehrávania zvuku spoločnosťou Pano pri kopírovaní nového obsahu"
 
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:16
 msgid "Send Notification on Copy"
 msgstr ""
@@ -555,39 +705,39 @@ msgstr ""
 msgid "Wiggles the indicator on panel"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:407
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:451
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr ""
 
diff --git a/resources/po/sv.po b/resources/po/sv.po
index 6b1ee2ab..654bb691 100644
--- a/resources/po/sv.po
+++ b/resources/po/sv.po
@@ -31,11 +31,15 @@ msgstr "Inkognitoläge"
 msgid "Settings"
 msgstr "Inställningar"
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr ""
 
-#: src/components/searchBox.ts:70
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr ""
 
@@ -90,8 +94,6 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
 msgstr ""
@@ -99,21 +101,17 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr ""
@@ -136,141 +134,183 @@ msgstr ""
 msgid "Color Item Style"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
-msgid "Metadata Background Color"
+#: src/prefs/customization/colorItemStyle.ts:41
+msgid "You can change the font of the metadata"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
-msgid "You can change the background color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:21
+msgid "Common"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "Icon Pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "You can change the icon pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "You can change the font of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:28
+msgid "Default Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:14
-msgid "Common"
+#: src/prefs/customization/commonStyleGroup.ts:29
+msgid "Legacy Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "Icon Pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "You can change the icon pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:21
-msgid "Default Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:22
-msgid "Legacy Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
 msgstr ""
 
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
+
 #: src/prefs/customization/emojiItemStyle.ts:15
 msgid "Change the style of the emoji item"
 msgstr ""
@@ -295,14 +335,104 @@ msgstr ""
 msgid "File Item Style"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "Body Text Color"
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "You can change the text color of the body"
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
 msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
@@ -313,10 +443,6 @@ msgstr ""
 msgid "Image Item Style"
 msgstr ""
 
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr ""
-
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
 msgstr ""
@@ -333,51 +459,59 @@ msgstr ""
 msgid "Link Item Style"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:42
+msgid "Metadata Background Color"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:43
+msgid "You can change the background color of the metadata"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr ""
 
@@ -389,6 +523,14 @@ msgstr ""
 msgid "Text Item Style"
 msgstr ""
 
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "Body Text Color"
+msgstr ""
+
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "You can change the text color of the body"
+msgstr ""
+
 #: src/prefs/dangerZone/clearHistory.ts:15
 msgid "Clears the clipboard database and cache"
 msgstr "Rensar urklippsdatabasen och cacheminnet"
@@ -433,7 +575,7 @@ msgstr "Pano slutar spåra om något fönster från listan är fokuserat"
 msgid "Window class name"
 msgstr "Namn på fönsterklass"
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr "Allmänna alternativ"
 
@@ -507,6 +649,14 @@ msgstr "Spela upp ett ljud på kopia"
 msgid "Allow Pano to play an audio when copying new content"
 msgstr "Tillåt Pano att spela upp ett ljud när du kopierar nytt innehåll"
 
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:16
 msgid "Send Notification on Copy"
 msgstr ""
@@ -555,39 +705,39 @@ msgstr ""
 msgid "Wiggles the indicator on panel"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:407
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:451
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr ""
 
diff --git a/resources/po/tr.po b/resources/po/tr.po
index 3ed42fc4..55a43757 100644
--- a/resources/po/tr.po
+++ b/resources/po/tr.po
@@ -31,11 +31,15 @@ msgstr "Gizli Mod"
 msgid "Settings"
 msgstr "Ayarlar"
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr "Açıklama Yok"
 
-#: src/components/searchBox.ts:70
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr "Aramak için yazın, gezinmek için Tab'a basın"
 
@@ -90,8 +94,6 @@ msgstr "Başlık yazı rengini değiştirebilirsiniz"
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
 msgstr "Gövde Arkaplan Rengi"
@@ -99,21 +101,17 @@ msgstr "Gövde Arkaplan Rengi"
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr "Gövde arkaplan rengini değiştirebilirsiniz"
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr "Gövde Yazı Tipi"
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr "Gövde yazı tipini değiştirebilirsiniz"
@@ -136,141 +134,183 @@ msgstr "Renk öğesinin tarzını değiştir"
 msgid "Color Item Style"
 msgstr "Renk Öğesi Tarzı"
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
-msgid "Metadata Background Color"
-msgstr "Metaveri Arkaplan Rengi"
-
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
-msgid "You can change the background color of the metadata"
-msgstr "Metaveri arkaplan rengini değiştirebilirsiniz"
-
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
-msgstr "Metaveri Yazı Rengi"
-
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
-msgstr "Metaveri yazı rengini değiştirebilirsiniz"
-
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
+#: src/prefs/customization/colorItemStyle.ts:41
 msgid "You can change the font of the metadata"
 msgstr "Metaveri yazı tipini değiştirebilirsiniz"
 
-#: src/prefs/customization/commonStyleGroup.ts:14
+#: src/prefs/customization/commonStyleGroup.ts:21
 msgid "Common"
 msgstr "Genel"
 
-#: src/prefs/customization/commonStyleGroup.ts:20
+#: src/prefs/customization/commonStyleGroup.ts:27
 msgid "Icon Pack"
 msgstr "Simge Paketi"
 
-#: src/prefs/customization/commonStyleGroup.ts:20
+#: src/prefs/customization/commonStyleGroup.ts:27
 msgid "You can change the icon pack"
 msgstr "Simge paketini değiştirebilirsiniz"
 
-#: src/prefs/customization/commonStyleGroup.ts:21
+#: src/prefs/customization/commonStyleGroup.ts:28
 msgid "Default Icons"
 msgstr "Varsayılan Simgeler"
 
-#: src/prefs/customization/commonStyleGroup.ts:22
+#: src/prefs/customization/commonStyleGroup.ts:29
 msgid "Legacy Icons"
 msgstr "Eski Simgeler"
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
-msgstr "Simge Boyutu"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
-msgstr "Öğe boyutunu değiştirebilirsiniz"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
 msgstr "Pencere Konumu"
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
 msgstr "Pencere konumunu değiştirebilirsiniz"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
 msgstr "Alt"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
 msgstr "Sol"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
 msgstr "Sağ"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
 msgstr "Üst"
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
 msgstr "Pencere Arkaplan Rengi"
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
 msgstr "Pencere arkaplan rengini değiştirebilirsiniz"
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
 msgstr "Gizli Pencere Arkaplan Rengi"
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
 msgstr "Gizli pencere arkaplan rengini değiştirebilirsiniz"
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
 msgstr "Arama Çubuğu Yazı Tipi"
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
 msgstr "Arama çubuğu yazı tipini değiştirebilirsiniz"
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
 msgstr "Öğe Başlığı Yazı Tipi"
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
 msgstr "Öğe başlığının yazı tipini değiştirebilirsiniz"
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
 msgstr "Öğe Tarihi Yazı Tipi"
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
 msgstr "Öğe tarihi yazı tipini değiştirebilirsiniz"
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
 msgstr "Etkin Öğe Çerçeve Rengi"
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
 msgstr "Etkin öğenin çerçeve rengini değiştirebilirsiniz"
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
 msgstr "Öğenin Üzerine Gelindiğindeki Çerçeve Rengi"
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
 msgstr "Öğenin üzerine geldiğindeki çerçeve rengini değiştirebilirsiniz"
 
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
+
 #: src/prefs/customization/emojiItemStyle.ts:15
 msgid "Change the style of the emoji item"
 msgstr "İfadelerin tarzını değiştir"
@@ -295,15 +335,105 @@ msgstr "Dosya öğesinin tarzını değiştir"
 msgid "File Item Style"
 msgstr "Dosya Öğe Tarzı"
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "Body Text Color"
-msgstr "Gövde Yazı Rengi"
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
+msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "You can change the text color of the body"
-msgstr "Gövdenin yazı rengini değiştirebilirsiniz"
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
+msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
 msgid "Change the style of the image item"
@@ -313,10 +443,6 @@ msgstr "Resim öğesinin tarzını değiştirebilirsiniz"
 msgid "Image Item Style"
 msgstr "Resim Öğe Tarzı"
 
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr "Metaveri Yazı Tipi"
-
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
 msgstr "Özelleştirme"
@@ -333,51 +459,59 @@ msgstr "Bağlantı öğesinin tarzını değiştir"
 msgid "Link Item Style"
 msgstr "Bağlantı Öğe Tarzı"
 
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:42
+msgid "Metadata Background Color"
+msgstr "Metaveri Arkaplan Rengi"
+
+#: src/prefs/customization/linkItemStyle.ts:43
+msgid "You can change the background color of the metadata"
+msgstr "Metaveri arkaplan rengini değiştirebilirsiniz"
+
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr "Metaveri Başlık Rengi"
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr "Metaverinin başlık rengini değiştirebilirsiniz"
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr "Metaveri Başlık Yazı Tipi"
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr "Metaverinin başlığının yazı tipini değiştirebilirsiniz"
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr "Metaveri Açıklama Rengi"
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr "Metaverinin açıklama rengini değiştirebilirsiniz"
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr "Metaveri Açıklama Yazı Tipi"
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr "Metaverinin açıklama yazı tipini değiştirebilirsiniz"
 
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr "Metaveri Bağlantı Rengi"
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr "Metaverinin bağlantı rengini değiştirebilirsiniz"
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr "Metaveri Bağlantı Yazı Tipi"
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr "Metaverinin bağlantı yazı tipini değiştirebilirsiniz"
 
@@ -389,6 +523,14 @@ msgstr "Yazı öğesinin tarzını değiştirebilirsiniz"
 msgid "Text Item Style"
 msgstr "Yazı Öğe Tarzı"
 
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "Body Text Color"
+msgstr "Gövde Yazı Rengi"
+
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "You can change the text color of the body"
+msgstr "Gövdenin yazı rengini değiştirebilirsiniz"
+
 #: src/prefs/dangerZone/clearHistory.ts:15
 msgid "Clears the clipboard database and cache"
 msgstr "Pano veritabanını ve önbelleği temizler"
@@ -433,7 +575,7 @@ msgstr "Listedeki herhangi bir pencereye odaklanılırsa Pano izlemeyi durduraca
 msgid "Window class name"
 msgstr "Pencere sınıfı adı"
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr "Genel seçenekler"
 
@@ -507,6 +649,14 @@ msgstr "Kopyalarken Ses Çal"
 msgid "Allow Pano to play an audio when copying new content"
 msgstr "Pano'nun yeni bir içerik kopyalarken ses çalmasına izin verir"
 
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:16
 msgid "Send Notification on Copy"
 msgstr "Kopyalarken Bildirim Gönder"
@@ -555,39 +705,39 @@ msgstr "Göstergeyi Oynat"
 msgid "Wiggles the indicator on panel"
 msgstr "Paneldeki göstergeyi oynatır"
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr "Resim Kopyalandı"
 
-#: src/utils/panoItemFactory.ts:407
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr "Genişlik: %spx, Yükseklik: %spx, Boyut: %s"
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr "Yazı Kopyalandı"
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr "Kod Kopyalandı"
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr "İfade Kopyalandı"
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr "Bağlantı Kopyalandı"
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr "Renk Kopyalandı"
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr "Dosya %s"
 
-#: src/utils/panoItemFactory.ts:451
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr "%s kadar dosya var"
 
diff --git a/resources/po/uk.po b/resources/po/uk.po
index 8e580aed..025a2688 100644
--- a/resources/po/uk.po
+++ b/resources/po/uk.po
@@ -31,11 +31,15 @@ msgstr "Режим інкогніто"
 msgid "Settings"
 msgstr "Параметри"
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr "Без опису"
 
-#: src/components/searchBox.ts:70
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr "Введіть для пошуку, Tab для перемикання"
 
@@ -55,7 +59,7 @@ msgstr "Стиль елемента коду"
 #: src/prefs/customization/linkItemStyle.ts:22
 #: src/prefs/customization/textItemStyle.ts:22
 msgid "Header Background Color"
-msgstr "Колір фону заголовка"
+msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:23
 #: src/prefs/customization/colorItemStyle.ts:23
@@ -65,7 +69,7 @@ msgstr "Колір фону заголовка"
 #: src/prefs/customization/linkItemStyle.ts:23
 #: src/prefs/customization/textItemStyle.ts:23
 msgid "You can change the background color of the header"
-msgstr "Ви можете змінити колір фону заголовка"
+msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:32
 #: src/prefs/customization/colorItemStyle.ts:32
@@ -75,7 +79,7 @@ msgstr "Ви можете змінити колір фону заголовка"
 #: src/prefs/customization/linkItemStyle.ts:32
 #: src/prefs/customization/textItemStyle.ts:32
 msgid "Header Text Color"
-msgstr "Колір тексту заголовка"
+msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:33
 #: src/prefs/customization/colorItemStyle.ts:33
@@ -85,35 +89,29 @@ msgstr "Колір тексту заголовка"
 #: src/prefs/customization/linkItemStyle.ts:33
 #: src/prefs/customization/textItemStyle.ts:33
 msgid "You can change the text color of the header"
-msgstr "Ви можете змінити колір тексту заголовка"
+msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
-msgstr "Колір фону тіла"
+msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr "Ви можете змінити колір фону тіла"
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr "Шрифт тіла"
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr "Ви можете змінити шрифт тіла"
@@ -136,140 +134,182 @@ msgstr "Змінити стиль елемента кольору"
 msgid "Color Item Style"
 msgstr "Стиль елемента кольору"
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
-msgid "Metadata Background Color"
-msgstr "Колір фону метаданих"
-
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
-msgid "You can change the background color of the metadata"
-msgstr "Ви можете змінити колір фону метаданих"
-
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
-msgstr "Колір тексту метаданих"
-
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
-msgstr "Ви можете змінити колір тексту метаданих"
-
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
+#: src/prefs/customization/colorItemStyle.ts:41
 msgid "You can change the font of the metadata"
 msgstr "Ви можете змінити шрифт метаданих"
 
-#: src/prefs/customization/commonStyleGroup.ts:14
+#: src/prefs/customization/commonStyleGroup.ts:21
 msgid "Common"
 msgstr "Загальне"
 
-#: src/prefs/customization/commonStyleGroup.ts:20
+#: src/prefs/customization/commonStyleGroup.ts:27
 msgid "Icon Pack"
 msgstr "Пакет іконок"
 
-#: src/prefs/customization/commonStyleGroup.ts:20
+#: src/prefs/customization/commonStyleGroup.ts:27
 msgid "You can change the icon pack"
 msgstr "Ви можете змінити пакет іконок"
 
-#: src/prefs/customization/commonStyleGroup.ts:21
+#: src/prefs/customization/commonStyleGroup.ts:28
 msgid "Default Icons"
 msgstr "Значки за замовчуванням"
 
-#: src/prefs/customization/commonStyleGroup.ts:22
+#: src/prefs/customization/commonStyleGroup.ts:29
 msgid "Legacy Icons"
 msgstr "Класичні значки"
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
-msgstr "Розмір елемента"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
-msgstr "Ви можете змінити розмір елемента"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
-msgstr "Положення вікна"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
-msgstr "Ви можете змінити положення Pano"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
-msgstr "Знизу"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
-msgstr "Зліва"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
-msgstr "Справа"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
-msgstr "Зверху"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
-msgstr "Колір фону вікна"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
-msgstr "Ви можете змінити колір фону вікна"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
-msgstr "Колір фону вікна інкогніто"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
-msgstr "Ви можете змінити колір фону вікна інкогніто"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
-msgstr "Шрифт пошуку"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
-msgstr "Ви можете змінити шрифт пошукового рядка"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
-msgstr "Шрифт заголовка елемента"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
-msgstr "Ви можете змінити шрифт заголовка"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
-msgstr "Шрифт дати елемента"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
-msgstr "Ви можете змінити шрифт дати"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
-msgstr "Колір рамки активного елемента"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
-msgstr "Ви можете змінити колір рамки активного елемента"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
-msgstr "Колір рамки при наведенні на елемент"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
-msgstr "Ви можете змінити колір рамки при наведенні на елемент"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
 
 #: src/prefs/customization/emojiItemStyle.ts:15
 msgid "Change the style of the emoji item"
@@ -295,27 +335,113 @@ msgstr "Змінити стиль елемента файлу"
 msgid "File Item Style"
 msgstr "Стиль елемента файлу"
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "Body Text Color"
-msgstr "Колір тексту тіла"
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
+msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "You can change the text color of the body"
-msgstr "Ви можете змінити колір тексту тіла"
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
+msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
 msgid "Change the style of the image item"
-msgstr "Змінити стиль елемента зображення"
+msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
 msgid "Image Item Style"
-msgstr "Стиль елемента зображення"
-
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr "Шрифт метаданих"
+msgstr ""
 
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
@@ -333,51 +459,59 @@ msgstr "Змінити стиль елемента посилання"
 msgid "Link Item Style"
 msgstr "Стиль елемента посилання"
 
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:42
+msgid "Metadata Background Color"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:43
+msgid "You can change the background color of the metadata"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr "Колір заголовка метаданих"
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr "Ви можете змінити колір заголовка метаданих"
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr "Шрифт заголовка метаданих"
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr "Ви можете змінити шрифт заголовка метаданих"
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr "Колір опису метаданих"
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr "Ви можете змінити колір опису метаданих"
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr "Шрифт опису метаданих"
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr "Ви можете змінити шрифт опису метаданих"
 
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr "Колір посилання метаданих"
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr "Ви можете змінити колір посилання метаданих"
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr "Шрифт посилання метаданих"
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr "Ви можете змінити шрифт посилання метаданих"
 
@@ -389,6 +523,14 @@ msgstr "Змінити стиль текстового елемента"
 msgid "Text Item Style"
 msgstr "Стиль текстового елемента"
 
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "Body Text Color"
+msgstr "Колір тексту тіла"
+
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "You can change the text color of the body"
+msgstr "Ви можете змінити колір тексту тіла"
+
 #: src/prefs/dangerZone/clearHistory.ts:15
 msgid "Clears the clipboard database and cache"
 msgstr "Очищає базу даних і кеш буфера обміну"
@@ -433,7 +575,7 @@ msgstr "Pano припинить відстеження, якщо фокусов
 msgid "Window class name"
 msgstr "Ім'я класу вікна"
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr "Загальні параметри"
 
@@ -507,6 +649,14 @@ msgstr "Відтворення аудіо на копії"
 msgid "Allow Pano to play an audio when copying new content"
 msgstr "Дозволити Pano відтворювати аудіо під час копіювання нового вмісту"
 
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:16
 msgid "Send Notification on Copy"
 msgstr "Надсилати сповіщення під час копіювання"
@@ -555,39 +705,39 @@ msgstr "Коливання індикатора"
 msgid "Wiggles the indicator on panel"
 msgstr "Коливає індикатор на панелі"
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr "Зображення скопійовано"
 
-#: src/utils/panoItemFactory.ts:407
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr "Ширина: %spx, Висота: %spx, Розмір: %s"
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr "Текст скопійовано"
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr "Код скопійовано"
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr "Емодзі скопійовано"
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr "Посилання скопійовано"
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr "Колір скопійовано"
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr "Файл %s"
 
-#: src/utils/panoItemFactory.ts:451
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr "Існує %s файл(ів)"
 
diff --git a/resources/po/vi.po b/resources/po/vi.po
index 9e8ca59f..3279f069 100644
--- a/resources/po/vi.po
+++ b/resources/po/vi.po
@@ -31,11 +31,15 @@ msgstr "Chế Độ Ẩn Danh"
 msgid "Settings"
 msgstr "Cài Đặt"
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr ""
 
-#: src/components/searchBox.ts:70
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr ""
 
@@ -90,8 +94,6 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
 msgstr ""
@@ -99,21 +101,17 @@ msgstr ""
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr ""
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr ""
@@ -136,141 +134,183 @@ msgstr ""
 msgid "Color Item Style"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
-msgid "Metadata Background Color"
+#: src/prefs/customization/colorItemStyle.ts:41
+msgid "You can change the font of the metadata"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
-msgid "You can change the background color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:21
+msgid "Common"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "Icon Pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:27
+msgid "You can change the icon pack"
 msgstr ""
 
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "You can change the font of the metadata"
+#: src/prefs/customization/commonStyleGroup.ts:28
+msgid "Default Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:14
-msgid "Common"
+#: src/prefs/customization/commonStyleGroup.ts:29
+msgid "Legacy Icons"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "Icon Pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:20
-msgid "You can change the icon pack"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:21
-msgid "Default Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:22
-msgid "Legacy Icons"
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
 msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
 msgstr ""
 
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
+
 #: src/prefs/customization/emojiItemStyle.ts:15
 msgid "Change the style of the emoji item"
 msgstr ""
@@ -295,14 +335,104 @@ msgstr ""
 msgid "File Item Style"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "Body Text Color"
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
 msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "You can change the text color of the body"
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
 msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
@@ -313,10 +443,6 @@ msgstr ""
 msgid "Image Item Style"
 msgstr ""
 
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr ""
-
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
 msgstr ""
@@ -333,51 +459,59 @@ msgstr ""
 msgid "Link Item Style"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:42
+msgid "Metadata Background Color"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:43
+msgid "You can change the background color of the metadata"
+msgstr ""
+
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr ""
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr ""
 
@@ -389,6 +523,14 @@ msgstr ""
 msgid "Text Item Style"
 msgstr ""
 
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "Body Text Color"
+msgstr ""
+
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "You can change the text color of the body"
+msgstr ""
+
 #: src/prefs/dangerZone/clearHistory.ts:15
 msgid "Clears the clipboard database and cache"
 msgstr "Xóa dữ liệu khay nhớ tạm và dữ liệu tạm thời"
@@ -433,7 +575,7 @@ msgstr "Pano sẽ ngừng lưu dữ liệu khay nhớ tạm trong cửa sổ c
 msgid "Window class name"
 msgstr "Tên của cửa sổ"
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr "Tùy Chọn Chung"
 
@@ -507,6 +649,14 @@ msgstr "Chơi Âm Thanh Khi Sao Chép"
 msgid "Allow Pano to play an audio when copying new content"
 msgstr "Cho phép Pano chơi âm thanh báo khi chép dữ liệu mới"
 
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:16
 msgid "Send Notification on Copy"
 msgstr ""
@@ -555,39 +705,39 @@ msgstr ""
 msgid "Wiggles the indicator on panel"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:407
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr ""
 
-#: src/utils/panoItemFactory.ts:451
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr ""
 
diff --git a/resources/po/zh_CN.po b/resources/po/zh_CN.po
index 45193f18..09b9cbb6 100644
--- a/resources/po/zh_CN.po
+++ b/resources/po/zh_CN.po
@@ -31,11 +31,15 @@ msgstr "隐身模式"
 msgid "Settings"
 msgstr "设置"
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr "无详情"
 
-#: src/components/searchBox.ts:70
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr "输入即搜索，Tab键循环"
 
@@ -90,8 +94,6 @@ msgstr "修改标题文字颜色"
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
 msgstr "正文背景色"
@@ -99,21 +101,17 @@ msgstr "正文背景色"
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr "修改正文背景颜色"
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr "正文字体"
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr "修改正文字体"
@@ -136,141 +134,183 @@ msgstr "修改色彩项目风格"
 msgid "Color Item Style"
 msgstr "色彩项目风格"
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
-msgid "Metadata Background Color"
-msgstr "元数据背景色"
-
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
-msgid "You can change the background color of the metadata"
-msgstr "修改元数据背景颜色"
-
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
-msgstr "元数据文本颜色"
-
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
-msgstr "修改元数据文本颜色"
-
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
+#: src/prefs/customization/colorItemStyle.ts:41
 msgid "You can change the font of the metadata"
 msgstr "修改元数据文本字体"
 
-#: src/prefs/customization/commonStyleGroup.ts:14
+#: src/prefs/customization/commonStyleGroup.ts:21
 msgid "Common"
 msgstr "共性"
 
-#: src/prefs/customization/commonStyleGroup.ts:20
+#: src/prefs/customization/commonStyleGroup.ts:27
 msgid "Icon Pack"
 msgstr "图标包"
 
-#: src/prefs/customization/commonStyleGroup.ts:20
+#: src/prefs/customization/commonStyleGroup.ts:27
 msgid "You can change the icon pack"
 msgstr "修改图标包"
 
-#: src/prefs/customization/commonStyleGroup.ts:21
+#: src/prefs/customization/commonStyleGroup.ts:28
 msgid "Default Icons"
 msgstr "默认图标"
 
-#: src/prefs/customization/commonStyleGroup.ts:22
+#: src/prefs/customization/commonStyleGroup.ts:29
 msgid "Legacy Icons"
 msgstr "传统图标"
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
-msgstr "项目大小"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
-msgstr "修改项目尺寸"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
 msgstr "窗口位置"
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
 msgstr "修改Pano窗口的位置"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
 msgstr "底部"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
 msgstr "左侧"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
 msgstr "右侧"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
 msgstr "顶部"
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
 msgstr "窗口背景色"
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
 msgstr "修改窗口背景颜色"
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
 msgstr "隐私窗口背景色"
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
 msgstr "修改隐私窗口背景颜色"
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
 msgstr "搜索栏字体"
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
 msgstr "修改搜索栏字体"
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
 msgstr "项目标题字体"
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
 msgstr "修改项目标题字体"
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
 msgstr "项目日期字体"
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
 msgstr "修改项目日期字体"
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
 msgstr "激活项目边框颜色"
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
 msgstr "修改激活项目的边框颜色"
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
 msgstr "悬停项目边框颜色"
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
 msgstr "修改鼠标悬停项目的边框颜色"
 
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
+
 #: src/prefs/customization/emojiItemStyle.ts:15
 msgid "Change the style of the emoji item"
 msgstr "修改表情符号项目风格"
@@ -295,15 +335,105 @@ msgstr "修改文件项目的风格"
 msgid "File Item Style"
 msgstr "文件项目风格"
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "Body Text Color"
-msgstr "正文字体颜色"
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
+msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "You can change the text color of the body"
-msgstr "修改正文字体颜色"
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
+msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
 msgid "Change the style of the image item"
@@ -313,10 +443,6 @@ msgstr "修改图像项目风格"
 msgid "Image Item Style"
 msgstr "图像项目风格"
 
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr "元数据字体"
-
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
 msgstr "自定义"
@@ -333,51 +459,59 @@ msgstr "修改链接项目风格"
 msgid "Link Item Style"
 msgstr "链接项目风格"
 
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:42
+msgid "Metadata Background Color"
+msgstr "元数据背景色"
+
+#: src/prefs/customization/linkItemStyle.ts:43
+msgid "You can change the background color of the metadata"
+msgstr "修改元数据背景颜色"
+
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr "元数据标题颜色"
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr "修改元数据标题颜色"
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr "元数据标题字体"
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr "修改元数据标题字体"
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr "元数据详情颜色"
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr "修改元数据详情颜色"
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr "元数据详情字体"
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr "修改元数据详情字体"
 
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr "元数据链接颜色"
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr "修改元数据链接颜色"
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr "元数据链接字体"
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr "修改元数据链接字体"
 
@@ -389,6 +523,14 @@ msgstr "修改文本项目风格"
 msgid "Text Item Style"
 msgstr "文本项目风格"
 
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "Body Text Color"
+msgstr "正文字体颜色"
+
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "You can change the text color of the body"
+msgstr "修改正文字体颜色"
+
 #: src/prefs/dangerZone/clearHistory.ts:15
 msgid "Clears the clipboard database and cache"
 msgstr "清除剪贴板数据库和缓存"
@@ -433,7 +575,7 @@ msgstr "如果选中以下任意程序，Pano将停止监视剪切板"
 msgid "Window class name"
 msgstr "窗口类名"
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr "常规选项"
 
@@ -507,6 +649,14 @@ msgstr "复制时播放提示音"
 msgid "Allow Pano to play an audio when copying new content"
 msgstr "允许Pano在复制新内容时播放声音提示"
 
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:16
 msgid "Send Notification on Copy"
 msgstr "复制时弹出提醒"
@@ -555,39 +705,39 @@ msgstr "抖动指示器"
 msgid "Wiggles the indicator on panel"
 msgstr "抖动面板上的程序指示器"
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr "图像已复制"
 
-#: src/utils/panoItemFactory.ts:407
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr "宽：%spx，高：%spx，尺寸：%s"
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr "文本已复制"
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr "代码已复制"
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr "表情符号已复制"
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr "链接已复制"
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr "颜色已复制"
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr "文件%s"
 
-#: src/utils/panoItemFactory.ts:451
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr "%s个文件"
 
diff --git a/resources/po/zh_TW.po b/resources/po/zh_TW.po
index 147dec60..de852652 100644
--- a/resources/po/zh_TW.po
+++ b/resources/po/zh_TW.po
@@ -31,11 +31,15 @@ msgstr "無痕模式"
 msgid "Settings"
 msgstr "設定"
 
-#: src/components/linkPanoItem.ts:39
+#: src/components/filePanoItem.ts:207
+msgid "items"
+msgstr ""
+
+#: src/components/linkPanoItem.ts:42
 msgid "No Description"
 msgstr "無說明"
 
-#: src/components/searchBox.ts:70
+#: src/components/searchBox.ts:73
 msgid "Type to search, Tab to cycle"
 msgstr "輸入以搜尋，按 Tab 循環"
 
@@ -90,8 +94,6 @@ msgstr "你可以更換視窗標頭字體顏色"
 #: src/prefs/customization/codeItemStyle.ts:42
 #: src/prefs/customization/emojiItemStyle.ts:42
 #: src/prefs/customization/fileItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:41
-#: src/prefs/customization/linkItemStyle.ts:42
 #: src/prefs/customization/textItemStyle.ts:42
 msgid "Body Background Color"
 msgstr "內容背景顏色"
@@ -99,21 +101,17 @@ msgstr "內容背景顏色"
 #: src/prefs/customization/codeItemStyle.ts:43
 #: src/prefs/customization/emojiItemStyle.ts:43
 #: src/prefs/customization/fileItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:42
-#: src/prefs/customization/linkItemStyle.ts:43
 #: src/prefs/customization/textItemStyle.ts:43
 msgid "You can change the background color of the body"
 msgstr "你可以更換內容的背景顏色"
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/fileItemStyle.ts:55
+#: src/prefs/customization/colorItemStyle.ts:41
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "Body Font"
 msgstr "內容字體"
 
 #: src/prefs/customization/codeItemStyle.ts:50
-#: src/prefs/customization/fileItemStyle.ts:55
 #: src/prefs/customization/textItemStyle.ts:55
 msgid "You can change the font of the body"
 msgstr "你可以更換內容的字體"
@@ -136,141 +134,183 @@ msgstr "切換顏色物件主題"
 msgid "Color Item Style"
 msgstr "顏色物件主題"
 
-#: src/prefs/customization/colorItemStyle.ts:42
-#: src/prefs/customization/imageItemStyle.ts:51
-#: src/prefs/customization/linkItemStyle.ts:52
-msgid "Metadata Background Color"
-msgstr "詮釋資料背景顏色"
-
-#: src/prefs/customization/colorItemStyle.ts:43
-#: src/prefs/customization/imageItemStyle.ts:52
-#: src/prefs/customization/linkItemStyle.ts:53
-msgid "You can change the background color of the metadata"
-msgstr "你可以更換詮釋資料的背景顏色"
-
-#: src/prefs/customization/colorItemStyle.ts:52
-#: src/prefs/customization/imageItemStyle.ts:61
-msgid "Metadata Text Color"
-msgstr "詮釋資料字體顏色"
-
-#: src/prefs/customization/colorItemStyle.ts:53
-#: src/prefs/customization/imageItemStyle.ts:62
-msgid "You can change the text color of the metadata"
-msgstr "你可以更換詮釋資料的字體顏色"
-
-#: src/prefs/customization/colorItemStyle.ts:61
-#: src/prefs/customization/imageItemStyle.ts:70
+#: src/prefs/customization/colorItemStyle.ts:41
 msgid "You can change the font of the metadata"
 msgstr "你可以更換詮釋資料的字體"
 
-#: src/prefs/customization/commonStyleGroup.ts:14
+#: src/prefs/customization/commonStyleGroup.ts:21
 msgid "Common"
 msgstr "一般"
 
-#: src/prefs/customization/commonStyleGroup.ts:20
+#: src/prefs/customization/commonStyleGroup.ts:27
 msgid "Icon Pack"
 msgstr "圖示包"
 
-#: src/prefs/customization/commonStyleGroup.ts:20
+#: src/prefs/customization/commonStyleGroup.ts:27
 msgid "You can change the icon pack"
 msgstr "你可以更換圖示包"
 
-#: src/prefs/customization/commonStyleGroup.ts:21
+#: src/prefs/customization/commonStyleGroup.ts:28
 msgid "Default Icons"
 msgstr "預設圖示"
 
-#: src/prefs/customization/commonStyleGroup.ts:22
+#: src/prefs/customization/commonStyleGroup.ts:29
 msgid "Legacy Icons"
 msgstr "復古圖示"
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "Item Size"
-msgstr "物件大小"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "Item Width"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:27
-msgid "You can change the item size"
-msgstr "你可以更換物件大小"
+#: src/prefs/customization/commonStyleGroup.ts:34
+msgid "You can change the item width"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "Item Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:38
+msgid "You can change the item height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:43
+msgid "Header Style"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:44
+msgid "Controls the style of the clipboard item headers"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Compact"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Hidden"
+msgstr ""
 
-#: src/prefs/customization/commonStyleGroup.ts:32
+#: src/prefs/customization/commonStyleGroup.ts:47
+msgid "Visible"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:53
+msgid "Compact Mode"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:54
+msgid "Controls the compactness of the clipboard item."
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:62
 msgid "Window Position"
 msgstr "視窗位置"
 
-#: src/prefs/customization/commonStyleGroup.ts:33
+#: src/prefs/customization/commonStyleGroup.ts:63
 msgid "You can change position of the Pano"
 msgstr "你可以更換 Pano 的位置"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Bottom"
 msgstr "底部"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Left"
 msgstr "左邊"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
+msgid "Pointer"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Right"
 msgstr "右邊"
 
-#: src/prefs/customization/commonStyleGroup.ts:36
+#: src/prefs/customization/commonStyleGroup.ts:66
 msgid "Top"
 msgstr "頂部"
 
-#: src/prefs/customization/commonStyleGroup.ts:42
+#: src/prefs/customization/commonStyleGroup.ts:72
+msgid "Window Height"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:73
+msgid "You can change the height of the window if the position is \"Pointer\""
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:86
 msgid "Window Background Color"
 msgstr "視窗背景顏色"
 
-#: src/prefs/customization/commonStyleGroup.ts:43
+#: src/prefs/customization/commonStyleGroup.ts:87
 msgid "You can change the window background color"
 msgstr "你可以更換視窗背景顏色"
 
-#: src/prefs/customization/commonStyleGroup.ts:50
+#: src/prefs/customization/commonStyleGroup.ts:94
 msgid "Incognito Window Background Color"
 msgstr "無痕模式視窗背景顏色"
 
-#: src/prefs/customization/commonStyleGroup.ts:51
+#: src/prefs/customization/commonStyleGroup.ts:95
 msgid "You can change the incognito window background color"
 msgstr "你可以更換無痕模式視窗背景顏色"
 
-#: src/prefs/customization/commonStyleGroup.ts:58
+#: src/prefs/customization/commonStyleGroup.ts:102
+msgid "Search Bar Background Color"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:103
+msgid "You can change the background color of the search bar"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:110
 msgid "Search Bar Font"
 msgstr "搜尋欄字體"
 
-#: src/prefs/customization/commonStyleGroup.ts:59
+#: src/prefs/customization/commonStyleGroup.ts:111
 msgid "You can change the font of the search bar"
 msgstr "你可以更換搜尋欄的字體"
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
 msgid "Item Title Font"
 msgstr "物件標題字體"
 
-#: src/prefs/customization/commonStyleGroup.ts:65
+#: src/prefs/customization/commonStyleGroup.ts:117
+#: src/prefs/customization/fileItemStyle.ts:61
 msgid "You can change the font of the title"
 msgstr "你可以更換標題的字體"
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "Item Date Font"
 msgstr "物件日期字體"
 
-#: src/prefs/customization/commonStyleGroup.ts:68
+#: src/prefs/customization/commonStyleGroup.ts:120
 msgid "You can change the font of the date"
 msgstr "你可以更換日期的字體"
 
-#: src/prefs/customization/commonStyleGroup.ts:72
+#: src/prefs/customization/commonStyleGroup.ts:124
 msgid "Active Item Border Color"
 msgstr "選取物件邊界顏色"
 
-#: src/prefs/customization/commonStyleGroup.ts:73
+#: src/prefs/customization/commonStyleGroup.ts:125
 msgid "You can change the active item border color"
 msgstr "你可以更換活躍的物件邊界顏色"
 
-#: src/prefs/customization/commonStyleGroup.ts:80
+#: src/prefs/customization/commonStyleGroup.ts:132
 msgid "Hovered Item Border Color"
 msgstr "被游標覆蓋物件邊界顏色"
 
-#: src/prefs/customization/commonStyleGroup.ts:81
+#: src/prefs/customization/commonStyleGroup.ts:133
 msgid "You can change the hovered item border color"
 msgstr "你可以更換被覆蓋物件邊界顏色"
 
+#: src/prefs/customization/commonStyleGroup.ts:140
+msgid "Show Controls on Hover"
+msgstr ""
+
+#: src/prefs/customization/commonStyleGroup.ts:141
+msgid "When enabled, the controls will only show on hover"
+msgstr ""
+
 #: src/prefs/customization/emojiItemStyle.ts:15
 msgid "Change the style of the emoji item"
 msgstr "切換表情符號物件主題"
@@ -295,15 +335,105 @@ msgstr "切換檔案物件主題"
 msgid "File Item Style"
 msgstr "檔案物件風格"
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "Body Text Color"
-msgstr "內容字體顏色"
+#: src/prefs/customization/fileItemStyle.ts:52
+msgid "Title Text Color"
+msgstr ""
 
-#: src/prefs/customization/fileItemStyle.ts:51
-#: src/prefs/customization/textItemStyle.ts:51
-msgid "You can change the text color of the body"
-msgstr "你可以更換內容的字體顏色"
+#: src/prefs/customization/fileItemStyle.ts:53
+msgid "You can change the text color of the title"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:61
+msgid "Title Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:67
+msgid "Files Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:68
+msgid "You can change the background color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:77
+msgid "Files Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:78
+msgid "You can change the text color of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:87
+msgid "Files Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:88
+msgid "You can change the font of the files preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:97
+msgid "Text Preview Background Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:98
+msgid "You can change the background color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:107
+msgid "Text Preview Text Color"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:108
+msgid "You can change the text color of the text preview"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:117
+msgid "Text Preview Font"
+msgstr ""
+
+#: src/prefs/customization/fileItemStyle.ts:118
+msgid "You can change the font of the text preview"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:14
+msgid "Floating"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:15
+msgid "You can change the floating style"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:26
+msgid "Left Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:27
+msgid "You can change the left margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:38
+msgid "Right Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:39
+msgid "You can change the right margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:50
+msgid "Top Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:51
+msgid "You can change the top margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:62
+msgid "Bottom Margin"
+msgstr ""
+
+#: src/prefs/customization/floatingStyleGroup.ts:63
+msgid "You can change the bottom margin"
+msgstr ""
 
 #: src/prefs/customization/imageItemStyle.ts:14
 msgid "Change the style of the image item"
@@ -313,10 +443,6 @@ msgstr "切換圖片物件主題"
 msgid "Image Item Style"
 msgstr "圖片物件風格"
 
-#: src/prefs/customization/imageItemStyle.ts:70
-msgid "Metadata Font"
-msgstr "詮釋資料字體"
-
 #: src/prefs/customization/index.ts:13
 msgid "Customization"
 msgstr "個人化"
@@ -333,51 +459,59 @@ msgstr "切換連結物件主題"
 msgid "Link Item Style"
 msgstr "連結物件風格"
 
-#: src/prefs/customization/linkItemStyle.ts:62
+#: src/prefs/customization/linkItemStyle.ts:42
+msgid "Metadata Background Color"
+msgstr "詮釋資料背景顏色"
+
+#: src/prefs/customization/linkItemStyle.ts:43
+msgid "You can change the background color of the metadata"
+msgstr "你可以更換詮釋資料的背景顏色"
+
+#: src/prefs/customization/linkItemStyle.ts:52
 msgid "Metadata Title Color"
 msgstr "詮釋資料標題顏色"
 
-#: src/prefs/customization/linkItemStyle.ts:63
+#: src/prefs/customization/linkItemStyle.ts:53
 msgid "You can change the title color of the metadata"
 msgstr "你可以更換詮釋資料的標題顏色"
 
-#: src/prefs/customization/linkItemStyle.ts:72
+#: src/prefs/customization/linkItemStyle.ts:62
 msgid "Metadata Title Font"
 msgstr "詮釋資料標題字體"
 
-#: src/prefs/customization/linkItemStyle.ts:73
+#: src/prefs/customization/linkItemStyle.ts:63
 msgid "You can change the font of the metadata title"
 msgstr "你可以更換詮釋資料標題的字體"
 
-#: src/prefs/customization/linkItemStyle.ts:82
+#: src/prefs/customization/linkItemStyle.ts:72
 msgid "Metadata Description Color"
 msgstr "詮釋資料說明顏色"
 
-#: src/prefs/customization/linkItemStyle.ts:83
+#: src/prefs/customization/linkItemStyle.ts:73
 msgid "You can change the description color of the metadata"
 msgstr "你可以更換詮釋資料的說明顏色"
 
-#: src/prefs/customization/linkItemStyle.ts:92
+#: src/prefs/customization/linkItemStyle.ts:82
 msgid "Metadata Description Font"
 msgstr "詮釋資料說明字體"
 
-#: src/prefs/customization/linkItemStyle.ts:93
+#: src/prefs/customization/linkItemStyle.ts:83
 msgid "You can change the font of the metadata description"
 msgstr "你可以更換詮釋資料說明的字體"
 
-#: src/prefs/customization/linkItemStyle.ts:102
+#: src/prefs/customization/linkItemStyle.ts:92
 msgid "Metadata Link Color"
 msgstr "詮釋資料連結顏色"
 
-#: src/prefs/customization/linkItemStyle.ts:103
+#: src/prefs/customization/linkItemStyle.ts:93
 msgid "You can change the link color of the metadata"
 msgstr "你可以更換詮釋資料的連結顏色"
 
-#: src/prefs/customization/linkItemStyle.ts:112
+#: src/prefs/customization/linkItemStyle.ts:102
 msgid "Metadata Link Font"
 msgstr "詮釋資料連結字體"
 
-#: src/prefs/customization/linkItemStyle.ts:113
+#: src/prefs/customization/linkItemStyle.ts:103
 msgid "You can change the font of the metadata link"
 msgstr "你可以更換詮釋資料連結的字體"
 
@@ -389,6 +523,14 @@ msgstr "切換文字物件主題"
 msgid "Text Item Style"
 msgstr "文字物件風格"
 
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "Body Text Color"
+msgstr "內容字體顏色"
+
+#: src/prefs/customization/textItemStyle.ts:51
+msgid "You can change the text color of the body"
+msgstr "你可以更換內容的字體顏色"
+
 #: src/prefs/dangerZone/clearHistory.ts:15
 msgid "Clears the clipboard database and cache"
 msgstr "清除剪貼簿資料庫和快取"
@@ -433,7 +575,7 @@ msgstr "Pano 會在開啟以下應用程式時停止追蹤"
 msgid "Window class name"
 msgstr "視窗類別名稱"
 
-#: src/prefs/general/generalGroup.ts:25
+#: src/prefs/general/generalGroup.ts:26
 msgid "General Options"
 msgstr "一般設定"
 
@@ -507,6 +649,14 @@ msgstr "在複製時播放音效"
 msgid "Allow Pano to play an audio when copying new content"
 msgstr "允許 Pano 在複製新物件時播放音效"
 
+#: src/prefs/general/removeOnMiddleClick.ts:15
+msgid "Remove on Middle Click"
+msgstr ""
+
+#: src/prefs/general/removeOnMiddleClick.ts:16
+msgid "Allow Pano to remove clipboard items on middle click"
+msgstr ""
+
 #: src/prefs/general/sendNotificationOnCopy.ts:16
 msgid "Send Notification on Copy"
 msgstr "複製時傳送訊息"
@@ -555,39 +705,39 @@ msgstr "振動圖示"
 msgid "Wiggles the indicator on panel"
 msgstr "在頂欄中振動圖示"
 
-#: src/utils/panoItemFactory.ts:406
+#: src/utils/panoItemFactory.ts:395
 msgid "Image Copied"
 msgstr "已複製圖片"
 
-#: src/utils/panoItemFactory.ts:407
+#: src/utils/panoItemFactory.ts:396
 msgid "Width: %spx, Height: %spx, Size: %s"
 msgstr "寬度：%s個像素，高度：%s個像素，大小：%s"
 
-#: src/utils/panoItemFactory.ts:411
+#: src/utils/panoItemFactory.ts:400
 msgid "Text Copied"
 msgstr "已複製文字"
 
-#: src/utils/panoItemFactory.ts:413
+#: src/utils/panoItemFactory.ts:402
 msgid "Code Copied"
 msgstr "已複製程式碼"
 
-#: src/utils/panoItemFactory.ts:415
+#: src/utils/panoItemFactory.ts:404
 msgid "Emoji Copied"
 msgstr "已複製表情符號"
 
-#: src/utils/panoItemFactory.ts:423
+#: src/utils/panoItemFactory.ts:412
 msgid "Link Copied"
 msgstr "已複製連結"
 
-#: src/utils/panoItemFactory.ts:443
+#: src/utils/panoItemFactory.ts:425
 msgid "Color Copied"
 msgstr "已複製顏色"
 
-#: src/utils/panoItemFactory.ts:450
+#: src/utils/panoItemFactory.ts:432
 msgid "File %s"
 msgstr "檔案 %s"
 
-#: src/utils/panoItemFactory.ts:451
+#: src/utils/panoItemFactory.ts:433
 msgid "There are %s file(s)"
 msgstr "這裡有 %s 個檔案"
 
diff --git a/resources/schemas/org.gnome.shell.extensions.pano.gschema.xml b/resources/schemas/org.gnome.shell.extensions.pano.gschema.xml
index 79d5fa06..3f9d6f81 100644
--- a/resources/schemas/org.gnome.shell.extensions.pano.gschema.xml
+++ b/resources/schemas/org.gnome.shell.extensions.pano.gschema.xml
@@ -37,6 +37,11 @@
       <summary>Paste item on select</summary>
       <description>Allow Pano to paste content on select.</description>
     </key>
+    <key name="remove-on-middle-click" type="b">
+      <default>false</default>
+      <summary>Remove item on middle click</summary>
+      <description>Allow Pano to remove clipboard items on middle click.</description>
+    </key>
     <key name="send-notification-on-copy" type="b">
       <default>true</default>
       <summary>Send Notification on Copy</summary>
@@ -101,27 +106,80 @@
       <default>0</default>
       <summary>icon pack: 0-default 1-legacy</summary>
     </key>
-    <key name="item-size" type="i">
+    <key name="item-width" type="i">
       <range min="200" max="1000" />
       <default>250</default>
-      <summary>Item Size</summary>
-      <description>Controls size of the clipboard item.</description>
+      <summary>Item Width</summary>
+      <description>Controls width of the clipboard item.</description>
+    </key>
+    <key name="item-height" type="i">
+      <range min="100" max="1000" />
+      <default>175</default>
+      <summary>Item Height</summary>
+      <description>Controls height of the clipboard item.</description>
     </key>
-    <key type="u" name="window-position">
-      <range min="0" max="3"/>
+    <key name="header-style" type="u">
+      <range min="0" max="2"/>
+      <default>0</default>
+      <summary>Header Style</summary>
+      <description>Controls the style of the clipboard item headers. 0-hidden 1-visible 2-compact</description>
+    </key>
+    <key name="compact-mode" type="b">
+      <default>false</default>
+      <summary>Compact Mode</summary>
+      <description>Controls the compactness of the clipboard item.</description>
+    </key>
+    <key name="window-position" type="u">
+      <range min="0" max="4"/>
       <default>2</default>
-      <summary>icon pack: 0-top 1-right 2-bottom 3-left</summary>
+      <summary>icon pack: 0-top 1-right 2-bottom 3-left 4-pointer</summary>
+    </key>
+    <key name="window-height" type="i">
+      <range min="100" max="4000"/>
+      <default>440</default>
+      <summary>window-height</summary>
+      <description>window-height</description>
+    </key>
+    <key name="window-floating" type="b">
+      <default>true</default>
+      <summary>window-floating</summary>
+      <description>window-floating</description>
+    </key>
+    <key name="window-margin-left" type="i">
+      <default>16</default>
+      <summary>window-margin-left</summary>
+      <description>window-margin-left</description>
+    </key>
+    <key name="window-margin-right" type="i">
+      <default>16</default>
+      <summary>window-margin-right</summary>
+      <description>window-margin-right</description>
+    </key>
+    <key name="window-margin-top" type="i">
+      <default>48</default>
+      <summary>window-margin-top</summary>
+      <description>window-margin-top</description>
+    </key>
+    <key name="window-margin-bottom" type="i">
+      <default>16</default>
+      <summary>window-margin-bottom</summary>
+      <description>window-margin-bottom</description>
     </key>
     <key name="window-background-color" type="s">
-      <default>'rgba(35, 35, 35, 0.9)'</default>
+      <default>'rgb(36, 36, 36)'</default>
       <summary>window-background-color</summary>
       <description>window-background-color</description>
     </key>
     <key name="incognito-window-background-color" type="s">
-      <default>'rgba(36, 31, 49, 0.9)'</default>
+      <default>'rgb(36, 31, 49)'</default>
       <summary>incognito-window-background-color</summary>
       <description>incognito-window-background-color</description>
     </key>
+    <key name="search-bar-background-color" type="s">
+      <default>'rgba(255, 255, 255, 0.155)'</default>
+      <summary>search-bar-background-color</summary>
+      <description>search-bar-background-color</description>
+    </key>
     <key name="search-bar-font-family" type="s">
       <default>'Cantarell Regular'</default>
       <summary>search-bar-font-family</summary>
@@ -133,7 +191,7 @@
       <description>search-bar-font-size</description>
     </key>
     <key name="item-title-font-family" type="s">
-      <default>'Cantarell Bold'</default>
+      <default>'Cantarell Regular'</default>
       <summary>item-title-font-family</summary>
       <description>item-title-font-family</description>
     </key>
@@ -162,6 +220,11 @@
       <summary>hovered-item-border-color</summary>
       <description>hovered-item-border-color</description>
     </key>
+    <key name="show-controls-on-hover" type="b">
+      <default>true</default>
+      <summary>Show Controls on Hover</summary>
+      <description>When enabled, the controls will only show on hover</description>
+    </key>
 
     <child name="link-item" schema="org.gnome.shell.extensions.pano.link-item" />
     <child name="text-item" schema="org.gnome.shell.extensions.pano.text-item" />
@@ -183,13 +246,8 @@
       <summary>header-color</summary>
       <description>header-color</description>
     </key>
-    <key name="body-bg-color" type="s">
-      <default>'rgb(28, 113, 216)'</default>
-      <summary>body-bg-color</summary>
-      <description>body-bg-color</description>
-    </key>
     <key name="metadata-bg-color" type="s">
-      <default>'rgb(61, 56, 70)'</default>
+      <default>'rgba(255, 255, 255, 0.08)'</default>
       <summary>metadata-bg-color</summary>
       <description>metadata-bg-color</description>
     </key>
@@ -252,12 +310,12 @@
       <description>header-color</description>
     </key>
     <key name="body-bg-color" type="s">
-      <default>'rgb(181, 131, 90)'</default>
+      <default>'rgba(255, 255, 255, 0.08)'</default>
       <summary>body-bg-color</summary>
       <description>body-bg-color</description>
     </key>
     <key name="body-color" type="s">
-      <default>'rgb(0, 0, 0)'</default>
+      <default>'rgb(255, 255, 255)'</default>
       <summary>body-color</summary>
       <description>body-color</description>
     </key>
@@ -291,7 +349,7 @@
       <description>header-color</description>
     </key>
     <key name="body-bg-color" type="s">
-      <default>'rgb(255, 190, 111)'</default>
+      <default>'rgba(255, 255, 255, 0.08)'</default>
       <summary>body-bg-color</summary>
       <description>body-bg-color</description>
     </key>
@@ -315,24 +373,64 @@
       <description>header-color</description>
     </key>
     <key name="body-bg-color" type="s">
-      <default>'rgb(250, 250, 250)'</default>
+      <default>'rgba(255, 255, 255, 0.08)'</default>
       <summary>body-bg-color</summary>
       <description>body-bg-color</description>
     </key>
-    <key name="body-color" type="s">
-      <default>'rgb(0, 0, 0)'</default>
-      <summary>body-color</summary>
-      <description>body-color</description>
+    <key name="title-color" type="s">
+      <default>'rgb(255, 255, 255)'</default>
+      <summary>title-color</summary>
+      <description>title-color</description>
     </key>
-    <key name="body-font-family" type="s">
+    <key name="title-font-family" type="s">
       <default>'Cantarell Regular'</default>
-      <summary>body-font-family</summary>
-      <description>body-font-family</description>
+      <summary>title-font-family</summary>
+      <description>title-font-family</description>
     </key>
-    <key name="body-font-size" type="i">
+    <key name="title-font-size" type="i">
       <default>13</default>
-      <summary>body-font-size</summary>
-      <description>body-font-size</description>
+      <summary>title-font-size</summary>
+      <description>title-font-size</description>
+    </key>
+    <key name="files-preview-bg-color" type="s">
+      <default>'rgba(255, 255, 255, 0.08)'</default>
+      <summary>files-preview-bg-color</summary>
+      <description>files-preview-bg-color</description>
+    </key>
+    <key name="files-preview-color" type="s">
+      <default>'rgb(255, 255, 255)'</default>
+      <summary>files-preview-color</summary>
+      <description>files-preview-color</description>
+    </key>
+    <key name="files-preview-font-family" type="s">
+      <default>'Cantarell Regular'</default>
+      <summary>files-preview-font-family</summary>
+      <description>files-preview-font-family</description>
+    </key>
+    <key name="files-preview-font-size" type="i">
+      <default>13</default>
+      <summary>files-preview-font-size</summary>
+      <description>files-preview-font-size</description>
+    </key>
+    <key name="text-preview-bg-color" type="s">
+      <default>'rgba(0, 0, 0, 0.25)'</default>
+      <summary>text-preview-bg-color</summary>
+      <description>text-preview-bg-color</description>
+    </key>
+    <key name="text-preview-color" type="s">
+      <default>'rgb(255, 255, 255)'</default>
+      <summary>text-preview-color</summary>
+      <description>text-preview-color</description>
+    </key>
+    <key name="text-preview-font-family" type="s">
+      <default>'Source Code Pro'</default>
+      <summary>text-preview-font-family</summary>
+      <description>text-preview-font-family</description>
+    </key>
+    <key name="text-preview-font-size" type="i">
+      <default>10</default>
+      <summary>text-preview-font-size</summary>
+      <description>text-preview-font-size</description>
     </key>
   </schema>
 
@@ -347,31 +445,6 @@
       <summary>header-color</summary>
       <description>header-color</description>
     </key>
-    <key name="body-bg-color" type="s">
-      <default>'rgb(61, 56, 70)'</default>
-      <summary>body-bg-color</summary>
-      <description>body-bg-color</description>
-    </key>
-    <key name="metadata-bg-color" type="s">
-      <default>'rgba(0, 0, 0, 0.7)'</default>
-      <summary>metadata-bg-color</summary>
-      <description>metadata-bg-color</description>
-    </key>
-    <key name="metadata-color" type="s">
-      <default>'rgb(255, 255, 255)'</default>
-      <summary>metadata-color</summary>
-      <description>metadata-color</description>
-    </key>
-    <key name="metadata-font-family" type="s">
-      <default>'Cantarell Regular'</default>
-      <summary>metadata-font-family</summary>
-      <description>metadata-font-family</description>
-    </key>
-    <key name="metadata-font-size" type="i">
-      <default>12</default>
-      <summary>metadata-font-size</summary>
-      <description>metadata-font-size</description>
-    </key>
   </schema>
 
   <schema path="/org/gnome/shell/extensions/pano/code-item/" id="org.gnome.shell.extensions.pano.code-item">
@@ -386,7 +459,7 @@
       <description>header-color</description>
     </key>
     <key name="body-bg-color" type="s">
-      <default>'rgb(61, 56, 70)'</default>
+      <default>'rgba(255, 255, 255, 0.08)'</default>
       <summary>body-bg-color</summary>
       <description>body-bg-color</description>
     </key>
@@ -419,23 +492,13 @@
       <summary>header-color</summary>
       <description>header-color</description>
     </key>
-    <key name="metadata-bg-color" type="s">
-      <default>'rgb(0, 0, 0)'</default>
-      <summary>metadata-bg-color</summary>
-      <description>metadata-bg-color</description>
-    </key>
-    <key name="metadata-color" type="s">
-      <default>'rgb(255, 255, 255)'</default>
-      <summary>metadata-color</summary>
-      <description>metadata-color</description>
-    </key>
     <key name="metadata-font-family" type="s">
       <default>'Cantarell Regular'</default>
       <summary>metadata-font-family</summary>
       <description>metadata-font-family</description>
     </key>
     <key name="metadata-font-size" type="i">
-      <default>16</default>
+      <default>20</default>
       <summary>metadata-font-size</summary>
       <description>metadata-font-size</description>
     </key>
diff --git a/rollup.config.mjs b/rollup.config.mjs
index 00bba39b..2a7a9c25 100644
--- a/rollup.config.mjs
+++ b/rollup.config.mjs
@@ -79,10 +79,10 @@ const thirdParty = [
   'prismjs',
   'date-fns/formatDistanceToNow',
   'date-fns/locale',
-  'hex-color-converter',
   'is-url',
   'pretty-bytes',
-  'validate-color',
+  'color-string',
+  'graphemer',
   'highlight.js/lib/core',
   'highlight.js/lib/languages/bash',
   'highlight.js/lib/languages/c',
diff --git a/src/components/codePanoItem.ts b/src/components/codePanoItem.ts
index b1258b31..fd5378a2 100644
--- a/src/components/codePanoItem.ts
+++ b/src/components/codePanoItem.ts
@@ -4,6 +4,7 @@ import Pango from '@girs/pango-1.0';
 import St from '@girs/st-16';
 import { PanoItem } from '@pano/components/panoItem';
 import { ClipboardContent, ClipboardManager, ContentType } from '@pano/utils/clipboardManager';
+import { getItemBackgroundColor } from '@pano/utils/color';
 import { DBItem } from '@pano/utils/db';
 import { registerGObjectClass } from '@pano/utils/gjs';
 import { markupCode } from '@pano/utils/pango';
@@ -27,6 +28,12 @@ export class CodePanoItem extends PanoItem {
     this.connect('activated', this.setClipboardContent.bind(this));
     this.setStyle();
     this.codeItemSettings.connect('changed', this.setStyle.bind(this));
+
+    // Settings for controls
+    this.settings.connect('changed::is-in-incognito', this.setStyle.bind(this));
+    this.settings.connect('changed::incognito-window-background-color', this.setStyle.bind(this));
+    this.settings.connect('changed::window-background-color', this.setStyle.bind(this));
+    this.settings.connect('changed::header-style', this.setStyle.bind(this));
   }
 
   private setStyle() {
@@ -37,6 +44,7 @@ export class CodePanoItem extends PanoItem {
     const bodyFontSize = this.codeItemSettings.get_int('body-font-size');
     const characterLength = this.codeItemSettings.get_int('char-length');
 
+    this.overlay.setControlsBackground(getItemBackgroundColor(this.settings, headerBgColor, bodyBgColor));
     this.header.set_style(`background-color: ${headerBgColor}; color: ${headerColor};`);
     this.body.set_style(`background-color: ${bodyBgColor}`);
     this.label.set_style(`font-size: ${bodyFontSize}px; font-family: ${bodyFontFamily};`);
diff --git a/src/components/colorPanoItem.ts b/src/components/colorPanoItem.ts
index bb18e213..9cfc03fa 100644
--- a/src/components/colorPanoItem.ts
+++ b/src/components/colorPanoItem.ts
@@ -4,76 +4,92 @@ import type { ExtensionBase } from '@girs/gnome-shell/dist/extensions/sharedInte
 import St from '@girs/st-16';
 import { PanoItem } from '@pano/components/panoItem';
 import { ClipboardContent, ClipboardManager, ContentType } from '@pano/utils/clipboardManager';
+import { getItemBackgroundColor, isDark } from '@pano/utils/color';
 import { DBItem } from '@pano/utils/db';
 import { registerGObjectClass } from '@pano/utils/gjs';
-import { orientationCompatibility } from '@pano/utils/shell_compatibility';
+import { orientationCompatibility, setOrientationCompatibility } from '@pano/utils/shell_compatibility';
+import colorString from 'color-string';
+
 @registerGObjectClass
 export class ColorPanoItem extends PanoItem {
   private colorItemSettings: Gio.Settings;
+  private colorContainer: St.BoxLayout;
+  private icon: St.Icon;
   private label: St.Label;
 
   constructor(ext: ExtensionBase, clipboardManager: ClipboardManager, dbItem: DBItem) {
     super(ext, clipboardManager, dbItem);
 
-    this.body.add_style_class_name('pano-item-body-color');
-
     this.colorItemSettings = this.settings.get_child('color-item');
 
-    const colorContainer = new St.BoxLayout({
-      ...orientationCompatibility(false),
+    const color = colorString.to.rgb(colorString.get.rgb(this.dbItem.content) || [0, 0, 0]);
+    this.body.set_style(`background-color: ${color};`);
+
+    this.colorContainer = new St.BoxLayout({
+      ...orientationCompatibility(true),
       xExpand: true,
       yExpand: true,
-      yAlign: Clutter.ActorAlign.FILL,
+      yAlign: Clutter.ActorAlign.CENTER,
       xAlign: Clutter.ActorAlign.FILL,
       styleClass: 'color-container',
-      style: `background-color: ${this.dbItem.content};`,
+    });
+
+    this.icon = new St.Icon({
+      xAlign: Clutter.ActorAlign.CENTER,
+      yAlign: Clutter.ActorAlign.CENTER,
+      styleClass: 'color-icon',
+      gicon: Gio.icon_new_for_string(`${ext.path}/icons/hicolor/scalable/actions/blend-tool-symbolic.svg`),
     });
 
     this.label = new St.Label({
       xAlign: Clutter.ActorAlign.CENTER,
       yAlign: Clutter.ActorAlign.CENTER,
-      xExpand: true,
-      yExpand: true,
       text: this.dbItem.content,
       styleClass: 'color-label',
     });
 
-    colorContainer.add_child(this.label);
+    this.colorContainer.add_child(this.icon);
+    this.colorContainer.add_child(this.label);
 
-    colorContainer.add_constraint(
-      new Clutter.AlignConstraint({
-        source: this,
-        alignAxis: Clutter.AlignAxis.Y_AXIS,
-        factor: 0.005,
-      }),
+    this.colorContainer.add_constraint(
+      new Clutter.AlignConstraint({ source: this, alignAxis: Clutter.AlignAxis.Y_AXIS, factor: 0.005 }),
     );
 
-    this.body.add_child(colorContainer);
+    this.body.add_child(this.colorContainer);
     this.connect('activated', this.setClipboardContent.bind(this));
+    this.setCompactMode();
+    this.settings.connect('changed::compact-mode', this.setCompactMode.bind(this));
     this.setStyle();
     this.colorItemSettings.connect('changed', this.setStyle.bind(this));
+
+    // Settings for controls
+    this.settings.connect('changed::is-in-incognito', this.setStyle.bind(this));
+    this.settings.connect('changed::incognito-window-background-color', this.setStyle.bind(this));
+    this.settings.connect('changed::window-background-color', this.setStyle.bind(this));
+    this.settings.connect('changed::header-style', this.setStyle.bind(this));
+  }
+
+  private setCompactMode() {
+    setOrientationCompatibility(this.colorContainer, !this.settings.get_boolean('compact-mode'));
   }
 
   private setStyle() {
     const headerBgColor = this.colorItemSettings.get_string('header-bg-color');
     const headerColor = this.colorItemSettings.get_string('header-color');
-    const metadataBgColor = this.colorItemSettings.get_string('metadata-bg-color');
-    const metadataColor = this.colorItemSettings.get_string('metadata-color');
     const metadataFontFamily = this.colorItemSettings.get_string('metadata-font-family');
     const metadataFontSize = this.colorItemSettings.get_int('metadata-font-size');
 
+    const dark = isDark(this.dbItem.content);
+    const iconColor = dark ? 'rgba(255, 255, 255, 0.3)' : 'rgba(0, 0, 0, 0.3)';
+    const textColor = dark ? '#ffffff' : '#000000';
+
+    this.overlay.setControlsBackground(getItemBackgroundColor(this.settings, headerBgColor, null));
     this.header.set_style(`background-color: ${headerBgColor}; color: ${headerColor};`);
-    this.label.set_style(
-      `background-color: ${metadataBgColor}; color: ${metadataColor}; font-family: ${metadataFontFamily}; font-size: ${metadataFontSize}px;`,
-    );
+    this.icon.set_style(`color: ${iconColor};`);
+    this.label.set_style(`color: ${textColor}; font-family: ${metadataFontFamily}; font-size: ${metadataFontSize}px;`);
   }
 
   private setClipboardContent(): void {
-    this.clipboardManager.setContent(
-      new ClipboardContent({
-        type: ContentType.TEXT,
-        value: this.dbItem.content,
-      }),
-    );
+    this.clipboardManager.setContent(new ClipboardContent({ type: ContentType.TEXT, value: this.dbItem.content }));
   }
 }
diff --git a/src/components/emojiPanoItem.ts b/src/components/emojiPanoItem.ts
index ab442bd0..606d16e9 100644
--- a/src/components/emojiPanoItem.ts
+++ b/src/components/emojiPanoItem.ts
@@ -5,9 +5,9 @@ import Pango from '@girs/pango-1.0';
 import St from '@girs/st-16';
 import { PanoItem } from '@pano/components/panoItem';
 import { ClipboardContent, ClipboardManager, ContentType } from '@pano/utils/clipboardManager';
+import { getItemBackgroundColor } from '@pano/utils/color';
 import { DBItem } from '@pano/utils/db';
 import { registerGObjectClass } from '@pano/utils/gjs';
-import { orientationCompatibility } from '@pano/utils/shell_compatibility';
 @registerGObjectClass
 export class EmojiPanoItem extends PanoItem {
   private emojiItemSettings: Gio.Settings;
@@ -16,19 +16,8 @@ export class EmojiPanoItem extends PanoItem {
   constructor(ext: ExtensionBase, clipboardManager: ClipboardManager, dbItem: DBItem) {
     super(ext, clipboardManager, dbItem);
 
-    this.body.add_style_class_name('pano-item-body-emoji');
-
     this.emojiItemSettings = this.settings.get_child('emoji-item');
 
-    const emojiContainer = new St.BoxLayout({
-      ...orientationCompatibility(false),
-      xExpand: true,
-      yExpand: true,
-      yAlign: Clutter.ActorAlign.FILL,
-      xAlign: Clutter.ActorAlign.FILL,
-      styleClass: 'emoji-container',
-    });
-
     this.label = new St.Label({
       xAlign: Clutter.ActorAlign.CENTER,
       yAlign: Clutter.ActorAlign.CENTER,
@@ -37,15 +26,21 @@ export class EmojiPanoItem extends PanoItem {
       text: this.dbItem.content,
       styleClass: 'pano-item-body-emoji-content',
     });
-    this.label.clutterText.lineWrap = true;
-    this.label.clutterText.lineWrapMode = Pango.WrapMode.WORD_CHAR;
-    this.label.clutterText.ellipsize = Pango.EllipsizeMode.END;
-    emojiContainer.add_child(this.label);
+    this.label.clutterText.lineAlignment = Pango.Alignment.CENTER;
+    this.label.clutterText.ellipsize = Pango.EllipsizeMode.NONE;
 
-    this.body.add_child(emojiContainer);
+    this.body.add_child(this.label);
     this.connect('activated', this.setClipboardContent.bind(this));
     this.setStyle();
     this.emojiItemSettings.connect('changed', this.setStyle.bind(this));
+    this.settings.connect('changed::compact-mode', this.setStyle.bind(this));
+    this.settings.connect('changed::item-height', this.setStyle.bind(this));
+
+    // Settings for controls
+    this.settings.connect('changed::is-in-incognito', this.setStyle.bind(this));
+    this.settings.connect('changed::incognito-window-background-color', this.setStyle.bind(this));
+    this.settings.connect('changed::window-background-color', this.setStyle.bind(this));
+    this.settings.connect('changed::header-style', this.setStyle.bind(this));
   }
 
   private setStyle() {
@@ -54,17 +49,13 @@ export class EmojiPanoItem extends PanoItem {
     const bodyBgColor = this.emojiItemSettings.get_string('body-bg-color');
     const emojiSize = this.emojiItemSettings.get_int('emoji-size');
 
+    this.overlay.setControlsBackground(getItemBackgroundColor(this.settings, headerBgColor, bodyBgColor));
     this.header.set_style(`background-color: ${headerBgColor}; color: ${headerColor};`);
     this.body.set_style(`background-color: ${bodyBgColor};`);
-    this.label.set_style(`font-size: ${emojiSize}px;`);
+    this.label.set_style(`font-size: ${Math.min(emojiSize, this.body.height - 24)}px;`);
   }
 
   private setClipboardContent(): void {
-    this.clipboardManager.setContent(
-      new ClipboardContent({
-        type: ContentType.TEXT,
-        value: this.dbItem.content,
-      }),
-    );
+    this.clipboardManager.setContent(new ClipboardContent({ type: ContentType.TEXT, value: this.dbItem.content }));
   }
 }
diff --git a/src/components/filePanoItem.ts b/src/components/filePanoItem.ts
index f8b29ae4..3140e797 100644
--- a/src/components/filePanoItem.ts
+++ b/src/components/filePanoItem.ts
@@ -1,98 +1,425 @@
 import Clutter from '@girs/clutter-16';
 import Gio from '@girs/gio-2.0';
+import GLib from '@girs/glib-2.0';
 import type { ExtensionBase } from '@girs/gnome-shell/dist/extensions/sharedInternals';
 import Pango from '@girs/pango-1.0';
 import St from '@girs/st-16';
 import { PanoItem } from '@pano/components/panoItem';
 import { ClipboardContent, ClipboardManager, ContentType, FileOperation } from '@pano/utils/clipboardManager';
+import { getItemBackgroundColor } from '@pano/utils/color';
 import { DBItem } from '@pano/utils/db';
 import { registerGObjectClass } from '@pano/utils/gjs';
-import { orientationCompatibility } from '@pano/utils/shell_compatibility';
+import { gettext } from '@pano/utils/shell';
+import { orientationCompatibility, setOrientationCompatibility } from '@pano/utils/shell_compatibility';
+import { isVisible } from '@pano/utils/ui';
+
+enum PreviewType {
+  NONE = 'none',
+  FILES = 'files',
+  IMAGE = 'image',
+  TEXT = 'text',
+}
 
 @registerGObjectClass
 export class FilePanoItem extends PanoItem {
   private fileList: string[];
   private operation: string;
   private fileItemSettings: Gio.Settings;
+  private titleContainer: St.BoxLayout;
+  private icon: St.Icon;
+  private preview: St.BoxLayout | St.Label | null = null;
+  private previewType: PreviewType = PreviewType.NONE;
+  private pasteContent: boolean = false;
 
   constructor(ext: ExtensionBase, clipboardManager: ClipboardManager, dbItem: DBItem) {
     super(ext, clipboardManager, dbItem);
+    const _ = gettext(ext);
 
     this.fileList = JSON.parse(this.dbItem.content);
     this.operation = this.dbItem.metaData || 'copy';
 
-    this.body.add_style_class_name('pano-item-body-file');
-
     this.fileItemSettings = this.settings.get_child('file-item');
 
-    const container = new St.BoxLayout({
-      styleClass: 'copied-files-container',
-      ...orientationCompatibility(true),
+    this.titleContainer = new St.BoxLayout({
+      styleClass: 'title-container',
+      ...orientationCompatibility(false),
       xExpand: true,
       yExpand: false,
       yAlign: Clutter.ActorAlign.FILL,
     });
 
-    this.fileList
-      .map((f) => {
-        const items = f.split('://').filter((c) => !!c);
-        return decodeURIComponent(items[items.length - 1]!);
-      })
-      .forEach((uri) => {
-        const bl = new St.BoxLayout({
-          ...orientationCompatibility(false),
-          styleClass: 'copied-file-name',
-          xExpand: true,
-          xAlign: Clutter.ActorAlign.FILL,
-          clipToAllocation: true,
+    this.icon = new St.Icon({
+      gicon: Gio.icon_new_for_string(
+        this.operation === FileOperation.CUT
+          ? 'edit-cut-symbolic'
+          : `${ext.path}/icons/hicolor/scalable/actions/paper-filled-symbolic.svg`,
+      ),
+      xAlign: Clutter.ActorAlign.START,
+      yAlign: Clutter.ActorAlign.START,
+      styleClass: 'title-icon',
+    });
+    this.header.setIcon(this.icon.gicon);
+
+    const label = new St.Label({
+      styleClass: 'title-label',
+      xAlign: Clutter.ActorAlign.FILL,
+      yAlign: Clutter.ActorAlign.CENTER,
+      xExpand: true,
+    });
+    label.clutterText.lineWrap = true;
+    label.clutterText.ellipsize = Pango.EllipsizeMode.MIDDLE;
+
+    this.titleContainer.add_child(this.icon);
+
+    const homeDir = GLib.get_home_dir();
+
+    if (this.fileList.length === 1) {
+      const items = this.fileList[0]!.split('://').filter((c) => !!c);
+      label.text = decodeURIComponent(items[items.length - 1]!).replace(homeDir, '~');
+
+      this.titleContainer.add_child(label);
+      this.body.add_child(this.titleContainer);
+
+      // Try to create file preview
+      const file = Gio.File.new_for_uri(this.fileList[0]!);
+      if (file.query_exists(null)) {
+        // Read first 64 bytes of the file to guess the content type for files without an extension
+        let data: Uint8Array | null = null;
+        let fileStream: Gio.FileInputStream | null = null;
+        try {
+          if (file.query_file_type(Gio.FileQueryInfoFlags.NONE, null) === Gio.FileType.REGULAR) {
+            fileStream = file.read(null);
+            data = fileStream.read_bytes(64, null).toArray();
+          }
+        } finally {
+          fileStream?.close(null);
+        }
+
+        const contentType = Gio.content_type_guess(this.fileList[0]!, data)[0];
+
+        if (Gio.content_type_is_a(contentType, 'text/plain')) {
+          // Text
+          const text = FilePanoItem.getFileContents(file, 32);
+          if (text !== null) {
+            this.preview = new St.Label({
+              text: text,
+              styleClass: 'copied-file-preview copied-file-preview-text',
+              xExpand: true,
+              yExpand: true,
+              xAlign: Clutter.ActorAlign.FILL,
+              yAlign: Clutter.ActorAlign.FILL,
+              minHeight: 0,
+            });
+            this.preview.clutterText.lineWrap = false;
+            this.preview.clutterText.ellipsize = Pango.EllipsizeMode.END;
+            this.previewType = PreviewType.TEXT;
+
+            const pasteFileContentIcon = new St.Icon({
+              iconName: 'preferences-desktop-font-symbolic',
+              styleClass: 'pano-item-action-button-icon',
+            });
+
+            const pasteFileContentButton = new St.Button({
+              styleClass: 'pano-item-action-button pano-item-paste-content-button',
+              child: pasteFileContentIcon,
+            });
+
+            pasteFileContentButton.connect('clicked', () => {
+              this.pasteContent = true;
+              this.emit('activated');
+              return Clutter.EVENT_STOP;
+            });
+
+            this.overlay.actionContainer.insert_child_at_index(pasteFileContentButton, 0);
+          }
+        } else if (Gio.content_type_is_a(contentType, 'image/*')) {
+          // Images
+          this.preview = new St.BoxLayout({
+            styleClass: 'copied-file-preview copied-file-preview-image',
+            xExpand: true,
+            yExpand: true,
+            xAlign: Clutter.ActorAlign.FILL,
+            yAlign: Clutter.ActorAlign.FILL,
+            style: `background-image: url(${this.fileList[0]!}); background-size: cover;`,
+          });
+          this.previewType = PreviewType.IMAGE;
+        } else {
+          // Other files that might have a thumbnail available i.e. videos or pdf files
+          const thumbnail = FilePanoItem.getThumbnail(homeDir, this.fileList[0]!);
+          if (thumbnail !== null) {
+            this.preview = new St.BoxLayout({
+              styleClass: 'copied-file-preview copied-file-preview-image',
+              xExpand: true,
+              yExpand: true,
+              xAlign: Clutter.ActorAlign.FILL,
+              yAlign: Clutter.ActorAlign.FILL,
+              style: `background-image: url(${thumbnail.get_uri()}); background-size: cover;`,
+            });
+            this.previewType = PreviewType.IMAGE;
+          }
+        }
+
+        if (this.preview) {
+          this.preview.visible = this.settings.get_boolean('compact-mode');
+          this.body.add_child(this.preview);
+        } else {
+          this.add_style_class_name('no-preview');
+        }
+      } else {
+        this.add_style_class_name('no-preview');
+      }
+    } else {
+      // Check for the common parent directory for all files
+      const commonDirectory = this.fileList
+        .map((f) => {
+          const items = f.split('://').filter((c) => !!c);
+          return decodeURIComponent(items[items.length - 1]!).split('/');
+        })
+        .reduce((prev, cur) => {
+          for (let i = 0; i < Math.min(prev.length, cur.length); i++) {
+            if (prev[i] !== cur[i]) {
+              return prev.slice(0, i);
+            }
+          }
+
+          // Two files are the same
+          if (prev.length === cur.length) {
+            return prev.slice(0, prev.length - 1);
+          }
+
+          // One file/directory is inside of the other directory
+          return prev.length < cur.length ? prev : cur;
+        })
+        .join('/');
+
+      label.text = `${commonDirectory.replace(homeDir, '~')}`;
+
+      const labelContainer = new St.BoxLayout({
+        ...orientationCompatibility(true),
+        xExpand: true,
+        yExpand: false,
+        xAlign: Clutter.ActorAlign.FILL,
+        yAlign: Clutter.ActorAlign.FILL,
+      });
+      labelContainer.add_child(label);
+      labelContainer.add_child(
+        new St.Label({
+          text: `${this.fileList.length} ${_('items')}`,
+          styleClass: 'copied-files-count',
           yAlign: Clutter.ActorAlign.FILL,
-        });
-        bl.add_child(
-          new St.Icon({
-            iconName: this.operation === FileOperation.CUT ? 'edit-cut-symbolic' : 'edit-copy-symbolic',
-            xAlign: Clutter.ActorAlign.START,
-            iconSize: 14,
-            styleClass: 'file-icon',
-          }),
-        );
-        const uriLabel = new St.Label({
-          text: uri,
-          styleClass: 'pano-item-body-file-name-label',
-          xAlign: Clutter.ActorAlign.FILL,
-          xExpand: true,
-        });
-        uriLabel.clutterText.ellipsize = Pango.EllipsizeMode.MIDDLE;
-        bl.add_child(uriLabel);
-        container.add_child(bl);
+        }),
+      );
+
+      this.titleContainer.add_child(labelContainer);
+      this.body.add_child(this.titleContainer);
+
+      this.preview = new St.BoxLayout({
+        styleClass: 'copied-file-preview copied-file-preview-files',
+        clipToAllocation: true,
+        ...orientationCompatibility(true),
+        xExpand: true,
+        yExpand: false,
+        yAlign: Clutter.ActorAlign.FILL,
+        minHeight: 0,
       });
+      this.previewType = PreviewType.FILES;
+
+      this.fileList
+        .map((f) => {
+          const items = f.split('://').filter((c) => !!c);
+          return decodeURIComponent(items[items.length - 1]!);
+        })
+        .forEach((uri) => {
+          const uriLabel = new St.Label({
+            text: uri.substring(commonDirectory.length + 1).replace(homeDir, '~'),
+            styleClass: 'copied-file-name',
+            xAlign: Clutter.ActorAlign.FILL,
+            xExpand: true,
+          });
+          uriLabel.clutterText.ellipsize = Pango.EllipsizeMode.MIDDLE;
 
-    this.body.add_child(container);
+          this.preview!.add_child(uriLabel);
+        });
+
+      this.body.add_child(this.preview);
+    }
 
     this.connect('activated', this.setClipboardContent.bind(this));
     this.setStyle();
+    this.settings.connect('changed::compact-mode', this.setStyle.bind(this));
+    this.settings.connect('changed::header-style', this.setStyle.bind(this));
     this.fileItemSettings.connect('changed', this.setStyle.bind(this));
+
+    // Settings for controls
+    this.settings.connect('changed::is-in-incognito', this.setStyle.bind(this));
+    this.settings.connect('changed::incognito-window-background-color', this.setStyle.bind(this));
+    this.settings.connect('changed::window-background-color', this.setStyle.bind(this));
   }
 
   private setStyle() {
+    const compactMode = this.settings.get_boolean('compact-mode');
+    const headerStyle = this.settings.get_uint('header-style');
     const headerBgColor = this.fileItemSettings.get_string('header-bg-color');
     const headerColor = this.fileItemSettings.get_string('header-color');
     const bodyBgColor = this.fileItemSettings.get_string('body-bg-color');
-    const bodyColor = this.fileItemSettings.get_string('body-color');
-    const bodyFontFamily = this.fileItemSettings.get_string('body-font-family');
-    const bodyFontSize = this.fileItemSettings.get_int('body-font-size');
+    const titleColor = this.fileItemSettings.get_string('title-color');
+    const titleFontFamily = this.fileItemSettings.get_string('title-font-family');
+    const titleFontSize = this.fileItemSettings.get_int('title-font-size');
+    const filesPreviewBgColor = this.fileItemSettings.get_string('files-preview-bg-color');
+    const filesPreviewColor = this.fileItemSettings.get_string('files-preview-color');
+    const filesPreviewFontFamily = this.fileItemSettings.get_string('files-preview-font-family');
+    const filesPreviewFontSize = this.fileItemSettings.get_int('files-preview-font-size');
+    const textPreviewBgColor = this.fileItemSettings.get_string('text-preview-bg-color');
+    const textPreviewColor = this.fileItemSettings.get_string('text-preview-color');
+    const textPreviewFontFamily = this.fileItemSettings.get_string('text-preview-font-family');
+    const textPreviewFontSize = this.fileItemSettings.get_int('text-preview-font-size');
 
+    this.overlay.setControlsBackground(getItemBackgroundColor(this.settings, headerBgColor, bodyBgColor));
     this.header.set_style(`background-color: ${headerBgColor}; color: ${headerColor};`);
-    this.body.set_style(
-      `background-color: ${bodyBgColor}; color: ${bodyColor}; font-family: ${bodyFontFamily}; font-size: ${bodyFontSize}px;`,
+    this.body.set_style(`background-color: ${bodyBgColor};`);
+
+    this.titleContainer.set_style(
+      `color: ${titleColor}; font-family: ${titleFontFamily}; font-size: ${titleFontSize}px;`,
     );
+    setOrientationCompatibility(this.titleContainer, this.preview === null && !compactMode);
+
+    // Switch title and icon
+    if (compactMode !== (this.titleContainer.firstChild !== this.icon)) {
+      const children = this.titleContainer.get_children();
+      this.titleContainer.remove_all_children();
+      this.titleContainer.add_child(children[1]!);
+      this.titleContainer.add_child(children[0]!);
+    }
+
+    this.icon.visible = !isVisible(headerStyle);
+
+    if (this.preview) {
+      this.preview.visible = !compactMode;
+
+      if (this.previewType === PreviewType.FILES) {
+        this.preview.set_style(
+          `background-color: ${filesPreviewBgColor}; color: ${filesPreviewColor}; font-family: ${filesPreviewFontFamily}; font-size: ${filesPreviewFontSize}px;`,
+        );
+      } else if (this.previewType === PreviewType.TEXT) {
+        this.preview.set_style(
+          `background-color: ${textPreviewBgColor}; color: ${textPreviewColor}; font-family: ${textPreviewFontFamily}; font-size: ${textPreviewFontSize}px;`,
+        );
+      }
+    }
   }
 
   private setClipboardContent(): void {
+    if (this.pasteContent) {
+      const file = Gio.File.new_for_uri(this.fileList[0]!);
+      const text = FilePanoItem.getFileContents(file);
+
+      if (text !== null) {
+        this.clipboardManager.setContent(new ClipboardContent({ type: ContentType.TEXT, value: text }), false);
+        return;
+      }
+
+      this.pasteContent = false;
+    }
+
     this.clipboardManager.setContent(
-      new ClipboardContent({
-        type: ContentType.FILE,
-        value: { fileList: this.fileList, operation: this.operation },
-      }),
+      new ClipboardContent({ type: ContentType.FILE, value: { fileList: this.fileList, operation: this.operation } }),
     );
   }
+
+  override vfunc_key_press_event(event: Clutter.Event): boolean {
+    if (
+      this.previewType === PreviewType.TEXT &&
+      (event.get_key_symbol() === Clutter.KEY_Return ||
+        event.get_key_symbol() === Clutter.KEY_ISO_Enter ||
+        event.get_key_symbol() === Clutter.KEY_KP_Enter) &&
+      event.has_control_modifier()
+    ) {
+      this.pasteContent = true;
+      this.emit('activated');
+      return Clutter.EVENT_STOP;
+    }
+
+    return super.vfunc_key_press_event(event);
+  }
+
+  override vfunc_button_release_event(event: Clutter.Event): boolean {
+    if (
+      this.previewType === PreviewType.TEXT &&
+      event.get_button() === Clutter.BUTTON_PRIMARY &&
+      event.has_control_modifier()
+    ) {
+      this.pasteContent = true;
+      this.emit('activated');
+      return Clutter.EVENT_STOP;
+    }
+
+    return super.vfunc_button_release_event(event);
+  }
+
+  private static getFileContents(file: Gio.File, n: number | null = null): string | null {
+    if (!file.query_exists(null)) {
+      return null;
+    }
+
+    if (n !== null) {
+      let fileStream: Gio.FileInputStream | undefined;
+      try {
+        fileStream = file.read(null);
+        const stream = new Gio.DataInputStream({ baseStream: fileStream });
+
+        let text = '';
+        for (let i = 0; i < n; i++) {
+          const line = stream.read_line_utf8(null)[0];
+          if (line !== null) {
+            if (i > 0) text += '\n';
+            text += line;
+          } else {
+            break;
+          }
+        }
+
+        return text;
+      } catch (e) {
+        console.error(e);
+      } finally {
+        fileStream?.close(null);
+      }
+    } else {
+      try {
+        const [success, text, _] = file.load_contents(null);
+        if (success) {
+          return new TextDecoder().decode(text);
+        } else {
+          throw new Error('failed to load file contents');
+        }
+      } catch (e) {
+        console.error(e);
+      }
+    }
+
+    return null;
+  }
+
+  private static getThumbnail(homeDir: string, file: string): Gio.File | null {
+    const md5 = GLib.compute_checksum_for_string(GLib.ChecksumType.MD5, file, file.length);
+
+    try {
+      const thumbnailDir = Gio.File.new_for_path(`${homeDir}/.cache/thumbnails`);
+      const enumerator = thumbnailDir.enumerate_children('standard::*', 0, null);
+
+      let f: Gio.FileInfo | null = null;
+      while ((f = enumerator.next_file(null)) !== null) {
+        if (f.get_file_type() == Gio.FileType.DIRECTORY) {
+          const thumbnailFile = thumbnailDir.get_child(f.get_name()).get_child(`${md5}.png`);
+          if (thumbnailFile.query_exists(null)) {
+            return thumbnailFile;
+          }
+        }
+      }
+    } catch {
+      // ignore
+    }
+
+    return null;
+  }
 }
diff --git a/src/components/imagePanoItem.ts b/src/components/imagePanoItem.ts
index 48a41b52..d1b129c6 100644
--- a/src/components/imagePanoItem.ts
+++ b/src/components/imagePanoItem.ts
@@ -1,25 +1,17 @@
-import Clutter from '@girs/clutter-16';
 import Gio from '@girs/gio-2.0';
 import type { ExtensionBase } from '@girs/gnome-shell/dist/extensions/sharedInternals';
-import St from '@girs/st-16';
 import { PanoItem } from '@pano/components/panoItem';
 import { ClipboardContent, ClipboardManager, ContentType } from '@pano/utils/clipboardManager';
+import { getItemBackgroundColor } from '@pano/utils/color';
 import { DBItem } from '@pano/utils/db';
 import { registerGObjectClass } from '@pano/utils/gjs';
 import { getImagesPath } from '@pano/utils/shell';
-import { orientationCompatibility } from '@pano/utils/shell_compatibility';
-import prettyBytes from 'pretty-bytes';
 
 const NO_IMAGE_FOUND_FILE_NAME = 'no-image-found.svg';
 
 @registerGObjectClass
 export class ImagePanoItem extends PanoItem {
   private imageItemSettings: Gio.Settings;
-  private metaContainer: St.BoxLayout;
-  private resolutionTitle: St.Label;
-  private resolutionValue: St.Label;
-  private sizeLabel: St.Label;
-  private sizeValue: St.Label;
   private ext: ExtensionBase;
 
   constructor(ext: ExtensionBase, clipboardManager: ClipboardManager, dbItem: DBItem) {
@@ -27,121 +19,32 @@ export class ImagePanoItem extends PanoItem {
 
     this.ext = ext;
 
-    this.body.add_style_class_name('pano-item-body-image');
-
     this.imageItemSettings = this.settings.get_child('image-item');
 
-    const { width, height, size }: { width: number; height: number; size: number } = JSON.parse(
-      dbItem.metaData || '{}',
-    );
-
-    this.metaContainer = new St.BoxLayout({
-      styleClass: 'pano-item-body-meta-container',
-      ...orientationCompatibility(true),
-      xExpand: true,
-      yExpand: true,
-      yAlign: Clutter.ActorAlign.END,
-      xAlign: Clutter.ActorAlign.FILL,
-    });
-
-    const resolutionContainer = new St.BoxLayout({
-      ...orientationCompatibility(false),
-      xExpand: true,
-      yAlign: Clutter.ActorAlign.FILL,
-      xAlign: Clutter.ActorAlign.FILL,
-      styleClass: 'pano-item-body-image-resolution-container',
-    });
-
-    this.resolutionTitle = new St.Label({
-      text: 'Resolution',
-      xAlign: Clutter.ActorAlign.START,
-      xExpand: true,
-      styleClass: 'pano-item-body-image-meta-title',
-    });
-    this.resolutionValue = new St.Label({
-      text: `${width} x ${height}`,
-      xAlign: Clutter.ActorAlign.END,
-      xExpand: false,
-      styleClass: 'pano-item-body-image-meta-value',
-    });
-    resolutionContainer.add_child(this.resolutionTitle);
-    resolutionContainer.add_child(this.resolutionValue);
-
-    const sizeContainer = new St.BoxLayout({
-      ...orientationCompatibility(false),
-      xExpand: true,
-      yAlign: Clutter.ActorAlign.FILL,
-      xAlign: Clutter.ActorAlign.FILL,
-      styleClass: 'pano-item-body-image-size-container',
-    });
-
-    this.sizeLabel = new St.Label({
-      text: 'Size',
-      xAlign: Clutter.ActorAlign.START,
-      xExpand: true,
-      styleClass: 'pano-item-body-image-meta-title',
-    });
-    this.sizeValue = new St.Label({
-      text: prettyBytes(size),
-      xAlign: Clutter.ActorAlign.END,
-      xExpand: false,
-      styleClass: 'pano-item-body-image-meta-value',
-    });
-    sizeContainer.add_child(this.sizeLabel);
-    sizeContainer.add_child(this.sizeValue);
-
-    this.metaContainer.add_child(resolutionContainer);
-    this.metaContainer.add_child(sizeContainer);
-    this.metaContainer.add_constraint(
-      new Clutter.AlignConstraint({
-        source: this,
-        alignAxis: Clutter.AlignAxis.Y_AXIS,
-        factor: 0.001,
-      }),
-    );
-
-    this.body.add_child(this.metaContainer);
-
     this.connect('activated', this.setClipboardContent.bind(this));
     this.setStyle();
     this.imageItemSettings.connect('changed', this.setStyle.bind(this));
+
+    // Settings for controls
+    this.settings.connect('changed::is-in-incognito', this.setStyle.bind(this));
+    this.settings.connect('changed::incognito-window-background-color', this.setStyle.bind(this));
+    this.settings.connect('changed::window-background-color', this.setStyle.bind(this));
+    this.settings.connect('changed::header-style', this.setStyle.bind(this));
   }
 
   private setStyle() {
     const headerBgColor = this.imageItemSettings.get_string('header-bg-color');
     const headerColor = this.imageItemSettings.get_string('header-color');
-    const bodyBgColor = this.imageItemSettings.get_string('body-bg-color');
-    const metadataBgColor = this.imageItemSettings.get_string('metadata-bg-color');
-    const metadataColor = this.imageItemSettings.get_string('metadata-color');
-    const metadataFontFamily = this.imageItemSettings.get_string('metadata-font-family');
-    const metadataFontSize = this.imageItemSettings.get_int('metadata-font-size');
 
     let imageFilePath = `file://${getImagesPath(this.ext)}/${this.dbItem.content}.png`;
-    let backgroundSize = 'contain';
     const imageFile = Gio.File.new_for_uri(imageFilePath);
     if (!imageFile.query_exists(null)) {
       imageFilePath = `file://${this.ext.path}/images/${NO_IMAGE_FOUND_FILE_NAME}`;
-      backgroundSize = 'cover';
     }
 
-    this.body.set_style(
-      `background-color: ${bodyBgColor}; background-image: url(${imageFilePath}); background-size: ${backgroundSize};`,
-    );
-
+    this.overlay.setControlsBackground(getItemBackgroundColor(this.settings, headerBgColor, null));
     this.header.set_style(`background-color: ${headerBgColor}; color: ${headerColor};`);
-    this.resolutionTitle.set_style(
-      `color: ${metadataColor}; font-family: ${metadataFontFamily}; font-size: ${metadataFontSize}px;`,
-    );
-    this.resolutionValue.set_style(
-      `color: ${metadataColor}; font-family: ${metadataFontFamily}; font-size: ${metadataFontSize}px; font-weight: bold;`,
-    );
-    this.sizeLabel.set_style(
-      `color: ${metadataColor}; font-family: ${metadataFontFamily}; font-size: ${metadataFontSize}px;`,
-    );
-    this.sizeValue.set_style(
-      `color: ${metadataColor}; font-family: ${metadataFontFamily}; font-size: ${metadataFontSize}px; font-weight: bold;`,
-    );
-    this.metaContainer.set_style(`background-color: ${metadataBgColor};`);
+    this.body.set_style(`background-image: url(${imageFilePath}); background-size: cover;`);
   }
 
   private setClipboardContent(): void {
@@ -157,11 +60,6 @@ export class ImagePanoItem extends PanoItem {
       return;
     }
 
-    this.clipboardManager.setContent(
-      new ClipboardContent({
-        type: ContentType.IMAGE,
-        value: data,
-      }),
-    );
+    this.clipboardManager.setContent(new ClipboardContent({ type: ContentType.IMAGE, value: data }));
   }
 }
diff --git a/src/components/linkPanoItem.ts b/src/components/linkPanoItem.ts
index 2545b5ff..2f270976 100644
--- a/src/components/linkPanoItem.ts
+++ b/src/components/linkPanoItem.ts
@@ -5,10 +5,12 @@ import type { ExtensionBase } from '@girs/gnome-shell/dist/extensions/sharedInte
 import St from '@girs/st-16';
 import { PanoItem } from '@pano/components/panoItem';
 import { ClipboardContent, ClipboardManager, ContentType } from '@pano/utils/clipboardManager';
+import { getItemBackgroundColor } from '@pano/utils/color';
 import { DBItem } from '@pano/utils/db';
 import { registerGObjectClass } from '@pano/utils/gjs';
 import { getCachePath, gettext, openLinkInBrowser } from '@pano/utils/shell';
-import { orientationCompatibility } from '@pano/utils/shell_compatibility';
+import { orientationCompatibility, setOrientationCompatibility } from '@pano/utils/shell_compatibility';
+import { isVisible } from '@pano/utils/ui';
 
 const DEFAULT_LINK_PREVIEW_IMAGE_NAME = 'link-preview.svg';
 
@@ -16,6 +18,7 @@ const DEFAULT_LINK_PREVIEW_IMAGE_NAME = 'link-preview.svg';
 export class LinkPanoItem extends PanoItem {
   private linkItemSettings: Gio.Settings;
   private metaContainer: St.BoxLayout;
+  private imageContainer: St.BoxLayout;
   private titleLabel: St.Label;
   private descriptionLabel: St.Label;
   private linkLabel: St.Label;
@@ -41,39 +44,12 @@ export class LinkPanoItem extends PanoItem {
       descriptionText = decodeURI(description);
     }
 
-    this.body.add_style_class_name('pano-item-body-link');
-
-    this.metaContainer = new St.BoxLayout({
-      styleClass: 'pano-item-body-meta-container',
-      ...orientationCompatibility(true),
-      xExpand: true,
-      yExpand: false,
-      yAlign: Clutter.ActorAlign.END,
-      xAlign: Clutter.ActorAlign.FILL,
-    });
-
-    this.titleLabel = new St.Label({
-      text: titleText,
-      styleClass: 'link-title-label',
-    });
-
-    this.descriptionLabel = new St.Label({
-      text: descriptionText,
-      styleClass: 'link-description-label',
-    });
-    this.descriptionLabel.clutterText.singleLineMode = true;
-
-    this.linkLabel = new St.Label({
-      text: this.dbItem.content,
-      styleClass: 'link-label',
-    });
-
     let imageFilePath = `file:///${ext.path}/images/${DEFAULT_LINK_PREVIEW_IMAGE_NAME}`;
     if (image && Gio.File.new_for_uri(`file://${getCachePath(ext)}/${image}.png`).query_exists(null)) {
       imageFilePath = `file://${getCachePath(ext)}/${image}.png`;
     }
 
-    const imageContainer = new St.BoxLayout({
+    this.imageContainer = new St.BoxLayout({
       ...orientationCompatibility(true),
       xExpand: true,
       yExpand: true,
@@ -83,21 +59,37 @@ export class LinkPanoItem extends PanoItem {
       style: `background-image: url(${imageFilePath});`,
     });
 
+    this.metaContainer = new St.BoxLayout({
+      styleClass: 'meta-container',
+      ...orientationCompatibility(true),
+      xExpand: true,
+      yExpand: false,
+      yAlign: Clutter.ActorAlign.END,
+      xAlign: Clutter.ActorAlign.FILL,
+    });
+
+    this.titleLabel = new St.Label({ text: titleText, styleClass: 'link-title-label' });
+
+    this.descriptionLabel = new St.Label({ text: descriptionText, styleClass: 'link-description-label' });
+    this.descriptionLabel.clutterText.singleLineMode = true;
+
+    this.linkLabel = new St.Label({ text: this.dbItem.content, styleClass: 'link-label' });
     this.metaContainer.add_child(this.titleLabel);
     this.metaContainer.add_child(this.descriptionLabel);
     this.metaContainer.add_child(this.linkLabel);
 
-    this.body.add_child(imageContainer);
+    this.body.add_child(this.imageContainer);
     this.body.add_child(this.metaContainer);
 
     this.connect('activated', this.setClipboardContent.bind(this));
-    this.setStyle();
-    this.linkItemSettings.connect('changed', this.setStyle.bind(this));
-
-    const openLinkIcon = new St.Icon({
-      iconName: 'web-browser-symbolic',
-      styleClass: 'pano-item-action-button-icon',
+    this.setCompactMode();
+    this.settings.connect('changed::compact-mode', () => {
+      this.setCompactMode();
+      this.setStyle();
     });
+    this.settings.connect('changed::header-style', this.setCompactMode.bind(this));
+
+    const openLinkIcon = new St.Icon({ iconName: 'web-browser-symbolic', styleClass: 'pano-item-action-button-icon' });
 
     const openLinkButton = new St.Button({
       styleClass: 'pano-item-action-button pano-item-open-link-button',
@@ -111,24 +103,47 @@ export class LinkPanoItem extends PanoItem {
     });
 
     if (this.settings.get_boolean('open-links-in-browser')) {
-      this.header.actionContainer.insert_child_at_index(openLinkButton, 0);
+      this.overlay.actionContainer.insert_child_at_index(openLinkButton, 0);
     }
 
     this.settings.connect('changed::open-links-in-browser', () => {
-      if (this.header.actionContainer.get_child_at_index(0) === openLinkButton) {
-        this.header.actionContainer.remove_child(openLinkButton);
+      if (this.overlay.actionContainer.get_child_at_index(0) === openLinkButton) {
+        this.overlay.actionContainer.remove_child(openLinkButton);
       }
 
       if (this.settings.get_boolean('open-links-in-browser')) {
-        this.header.actionContainer.insert_child_at_index(openLinkButton, 0);
+        this.overlay.actionContainer.insert_child_at_index(openLinkButton, 0);
       }
     });
+
+    this.setStyle();
+    this.linkItemSettings.connect('changed', this.setStyle.bind(this));
+
+    // Settings for controls
+    this.settings.connect('changed::is-in-incognito', this.setStyle.bind(this));
+    this.settings.connect('changed::incognito-window-background-color', this.setStyle.bind(this));
+    this.settings.connect('changed::window-background-color', this.setStyle.bind(this));
+    this.settings.connect('changed::header-style', this.setStyle.bind(this));
+  }
+
+  private setCompactMode() {
+    if (this.settings.get_boolean('compact-mode')) {
+      setOrientationCompatibility(this.body, false);
+      this.imageContainer.width = this.settings.get_int('item-width') * 0.3;
+      this.metaContainer.yAlign = Clutter.ActorAlign.CENTER;
+    } else {
+      setOrientationCompatibility(this.body, true);
+      this.imageContainer.width = -1;
+      this.metaContainer.yAlign = Clutter.ActorAlign.END;
+    }
+
+    this.metaContainer.yExpand = isVisible(this.settings.get_uint('header-style'));
   }
 
   private setStyle() {
+    const compactMode = this.settings.get_boolean('compact-mode');
     const headerBgColor = this.linkItemSettings.get_string('header-bg-color');
     const headerColor = this.linkItemSettings.get_string('header-color');
-    const bodyBgColor = this.linkItemSettings.get_string('body-bg-color');
     const metadataBgColor = this.linkItemSettings.get_string('metadata-bg-color');
     const metadataTitleColor = this.linkItemSettings.get_string('metadata-title-color');
     const metadataDescriptionColor = this.linkItemSettings.get_string('metadata-description-color');
@@ -140,9 +155,11 @@ export class LinkPanoItem extends PanoItem {
     const metadataDescriptionFontSize = this.linkItemSettings.get_int('metadata-description-font-size');
     const metadataLinkFontSize = this.linkItemSettings.get_int('metadata-link-font-size');
 
+    this.overlay.setControlsBackground(
+      getItemBackgroundColor(this.settings, headerBgColor, compactMode ? metadataBgColor : null),
+    );
     this.header.set_style(`background-color: ${headerBgColor}; color: ${headerColor};`);
-    this.body.set_style(`background-color: ${bodyBgColor};`);
-    this.metaContainer.set_style(`background-color: ${metadataBgColor};`);
+    this.body.set_style(`background-color: ${metadataBgColor};`);
     this.titleLabel.set_style(
       `color: ${metadataTitleColor}; font-family: ${metadataTitleFontFamily}; font-size: ${metadataTitleFontSize}px;`,
     );
@@ -155,39 +172,34 @@ export class LinkPanoItem extends PanoItem {
   }
 
   private setClipboardContent(): void {
-    this.clipboardManager.setContent(
-      new ClipboardContent({
-        type: ContentType.TEXT,
-        value: this.dbItem.content,
-      }),
-    );
+    this.clipboardManager.setContent(new ClipboardContent({ type: ContentType.TEXT, value: this.dbItem.content }));
   }
 
   override vfunc_key_press_event(event: Clutter.Event): boolean {
-    super.vfunc_key_press_event(event);
     if (
       this.settings.get_boolean('open-links-in-browser') &&
-      event.get_state() === Clutter.ModifierType.CONTROL_MASK &&
+      event.has_control_modifier() &&
       (event.get_key_symbol() === Clutter.KEY_Return ||
         event.get_key_symbol() === Clutter.KEY_ISO_Enter ||
         event.get_key_symbol() === Clutter.KEY_KP_Enter)
     ) {
       openLinkInBrowser(this.dbItem.content);
+      return Clutter.EVENT_STOP;
     }
 
-    return Clutter.EVENT_PROPAGATE;
+    return super.vfunc_key_press_event(event);
   }
 
   override vfunc_button_release_event(event: Clutter.Event): boolean {
-    super.vfunc_button_release_event(event);
     if (
-      event.get_button() === 1 &&
-      event.get_state() === Clutter.ModifierType.CONTROL_MASK &&
+      event.get_button() === Clutter.BUTTON_PRIMARY &&
+      event.has_control_modifier() &&
       this.settings.get_boolean('open-links-in-browser')
     ) {
       openLinkInBrowser(this.dbItem.content);
+      return Clutter.EVENT_STOP;
     }
 
-    return Clutter.EVENT_PROPAGATE;
+    return super.vfunc_button_release_event(event);
   }
 }
diff --git a/src/components/panoItem.ts b/src/components/panoItem.ts
index 2f8cf324..fb3c817b 100644
--- a/src/components/panoItem.ts
+++ b/src/components/panoItem.ts
@@ -8,13 +8,14 @@ import Meta from '@girs/meta-16';
 import Shell from '@girs/shell-16';
 import St from '@girs/st-16';
 import { PanoItemHeader } from '@pano/components/panoItemHeader';
+import { PanoItemOverlay } from '@pano/components/panoItemOverlay';
 import { ClipboardManager } from '@pano/utils/clipboardManager';
 import { DBItem } from '@pano/utils/db';
 import { registerGObjectClass, SignalRepresentationType, SignalsDefinition } from '@pano/utils/gjs';
 import { getPanoItemTypes } from '@pano/utils/panoItemType';
 import { getCurrentExtensionSettings } from '@pano/utils/shell';
 import { orientationCompatibility } from '@pano/utils/shell_compatibility';
-import { getVirtualKeyboard, WINDOW_POSITIONS } from '@pano/utils/ui';
+import { getHeaderHeight, getVirtualKeyboard, isVisible, WINDOW_POSITIONS } from '@pano/utils/ui';
 
 export type PanoItemSignalType = 'on-remove' | 'on-favorite' | 'activated';
 
@@ -25,7 +26,7 @@ interface PanoItemSignals extends SignalsDefinition<PanoItemSignalType> {
 }
 
 @registerGObjectClass
-export class PanoItem extends St.BoxLayout {
+export class PanoItem extends St.Widget {
   static metaInfo: GObject.MetaInfo<Record<string, never>, Record<string, never>, PanoItemSignals> = {
     GTypeName: 'PanoItem',
     Signals: {
@@ -41,23 +42,29 @@ export class PanoItem extends St.BoxLayout {
     },
   };
 
-  protected header: PanoItemHeader;
   private timeoutId: number | undefined;
+  protected container: St.BoxLayout;
+  protected header: PanoItemHeader;
   protected body: St.BoxLayout;
+  protected overlay: PanoItemOverlay;
   protected clipboardManager: ClipboardManager;
   public dbItem: DBItem;
   protected settings: Gio.Settings;
-  private selected: boolean | null = null;
+  private hovered: boolean = false;
+  private selected: boolean = false;
+  private showControlsOnHover: boolean;
 
   constructor(ext: ExtensionBase, clipboardManager: ClipboardManager, dbItem: DBItem) {
     super({
       name: 'pano-item',
+      styleClass: 'pano-item',
+      layoutManager: new Clutter.BinLayout(),
       visible: true,
       pivotPoint: Graphene.Point.alloc().init(0.5, 0.5),
       reactive: true,
-      styleClass: 'pano-item',
-      ...orientationCompatibility(true),
       trackHover: true,
+      xExpand: false,
+      yExpand: false,
     });
 
     this.clipboardManager = clipboardManager;
@@ -67,26 +74,12 @@ export class PanoItem extends St.BoxLayout {
 
     this.connect('key-focus-in', () => this.setSelected(true));
     this.connect('key-focus-out', () => this.setSelected(false));
-    this.connect('enter-event', () => {
-      Shell.Global.get().display.set_cursor(Meta.Cursor.POINTING_HAND);
-      if (!this.selected) {
-        this.set_style(`border: 4px solid ${this.settings.get_string('hovered-item-border-color')}`);
-      }
-    });
-    this.connect('leave-event', () => {
-      Shell.Global.get().display.set_cursor(Meta.Cursor.DEFAULT);
-      if (!this.selected) {
-        this.set_style('');
-      }
-    });
+    this.connect('enter-event', () => this.setHovered(true));
+    this.connect('leave-event', () => this.setHovered(false));
 
     this.connect('activated', () => {
       this.get_parent()?.get_parent()?.get_parent()?.hide();
 
-      if (this.dbItem.itemType === 'LINK' && this.settings.get_boolean('open-links-in-browser')) {
-        return;
-      }
-
       if (this.settings.get_boolean('paste-on-select') && this.clipboardManager.isTracking) {
         // See https://github.com/SUPERCILEX/gnome-clipboard-history/blob/master/extension.js#L606
         this.timeoutId = GLib.timeout_add(GLib.PRIORITY_DEFAULT, 250, () => {
@@ -120,23 +113,20 @@ export class PanoItem extends St.BoxLayout {
       }
     });
 
-    this.header = new PanoItemHeader(ext, getPanoItemTypes(ext)[dbItem.itemType], dbItem.copyDate);
-    this.header.setFavorite(this.dbItem.isFavorite);
-    this.header.connect('on-remove', () => {
-      this.emit('on-remove', JSON.stringify(this.dbItem));
-      return Clutter.EVENT_PROPAGATE;
-    });
+    const itemType = getPanoItemTypes(ext)[this.dbItem.itemType];
+    this.add_style_class_name(`pano-item-${itemType.classSuffix}`);
 
-    this.header.connect('on-favorite', () => {
-      this.dbItem = { ...this.dbItem, isFavorite: !this.dbItem.isFavorite };
-      this.emit('on-favorite', JSON.stringify(this.dbItem));
-      return Clutter.EVENT_PROPAGATE;
+    this.container = new St.BoxLayout({
+      styleClass: 'pano-item-container',
+      clipToAllocation: true,
+      ...orientationCompatibility(true),
+      xAlign: Clutter.ActorAlign.FILL,
+      yAlign: Clutter.ActorAlign.FILL,
+      xExpand: true,
+      yExpand: true,
     });
 
-    this.connect('on-favorite', () => {
-      this.header.setFavorite(this.dbItem.isFavorite);
-      return Clutter.EVENT_PROPAGATE;
-    });
+    this.header = new PanoItemHeader(ext, itemType, this.dbItem.copyDate);
 
     this.body = new St.BoxLayout({
       styleClass: 'pano-item-body',
@@ -148,22 +138,58 @@ export class PanoItem extends St.BoxLayout {
       yExpand: true,
     });
 
-    this.add_child(this.header);
-    this.add_child(this.body);
+    this.container.add_child(this.header);
+    this.container.add_child(this.body);
 
-    const themeContext = St.ThemeContext.get_for_stage(Shell.Global.get().get_stage());
+    this.overlay = new PanoItemOverlay();
+    this.overlay.setFavorite(this.dbItem.isFavorite);
+    this.overlay.connect('on-remove', () => {
+      this.emit('on-remove', JSON.stringify(this.dbItem));
+      return Clutter.EVENT_PROPAGATE;
+    });
 
-    themeContext.connect('notify::scale-factor', () => {
-      this.setBodyDimensions();
+    this.overlay.connect('on-favorite', () => {
+      this.dbItem = { ...this.dbItem, isFavorite: !this.dbItem.isFavorite };
+      this.emit('on-favorite', JSON.stringify(this.dbItem));
+      return Clutter.EVENT_PROPAGATE;
     });
-    this.settings.connect('changed::item-size', () => {
-      this.setBodyDimensions();
+
+    this.connect('on-favorite', () => {
+      this.overlay.setFavorite(this.dbItem.isFavorite);
+      return Clutter.EVENT_PROPAGATE;
     });
-    this.settings.connect('changed::window-position', () => {
+
+    this.add_child(this.container);
+    this.add_child(this.overlay);
+
+    const themeContext = St.ThemeContext.get_for_stage(Shell.Global.get().get_stage());
+
+    if (this.settings.get_boolean('compact-mode')) {
+      this.add_style_class_name('compact');
+    }
+
+    themeContext.connect('notify::scale-factor', this.setBodyDimensions.bind(this));
+    this.settings.connect('changed::item-width', this.setBodyDimensions.bind(this));
+    this.settings.connect('changed::item-height', this.setBodyDimensions.bind(this));
+    this.settings.connect('changed::header-style', this.setBodyDimensions.bind(this));
+    this.settings.connect('changed::compact-mode', () => {
+      if (this.settings.get_boolean('compact-mode')) {
+        this.add_style_class_name('compact');
+      } else {
+        this.remove_style_class_name('compact');
+      }
       this.setBodyDimensions();
     });
+    this.settings.connect('changed::window-position', this.setBodyDimensions.bind(this));
 
     this.setBodyDimensions();
+
+    this.showControlsOnHover = this.settings.get_boolean('show-controls-on-hover');
+    this.overlay.setVisibility(!this.showControlsOnHover);
+    this.settings.connect('changed::show-controls-on-hover', () => {
+      this.showControlsOnHover = this.settings.get_boolean('show-controls-on-hover');
+      this.overlay.setVisibility(!this.showControlsOnHover);
+    });
   }
 
   private setBodyDimensions() {
@@ -176,48 +202,89 @@ export class PanoItem extends St.BoxLayout {
       this.set_y_align(Clutter.ActorAlign.FILL);
     }
     const { scaleFactor } = St.ThemeContext.get_for_stage(Shell.Global.get().get_stage());
-    this.body.set_height(this.settings.get_int('item-size') * scaleFactor - this.header.get_height());
-    this.body.set_width(this.settings.get_int('item-size') * scaleFactor);
+    const mult = this.settings.get_boolean('compact-mode') ? 0.5 : 1;
+    const header = getHeaderHeight(this.settings.get_uint('header-style'));
+    const height = Math.floor(this.settings.get_int('item-height') * mult) + header;
+
+    this.set_height(height * scaleFactor);
+    this.container.set_width((this.settings.get_int('item-width') - 2) * scaleFactor);
+    // -2*4 for the border
+    this.container.set_height((height - 8) * scaleFactor);
+    this.body.set_height((height - 10 - header) * scaleFactor);
+    this.overlay.set_height((height - 8) * scaleFactor);
+    this.header.visible = isVisible(this.settings.get_uint('header-style'));
   }
 
   private setSelected(selected: boolean) {
     if (selected) {
-      const activeItemBorderColor = this.settings.get_string('active-item-border-color');
-      this.set_style(`border: 4px solid ${activeItemBorderColor} !important;`);
       this.grab_key_focus();
-    } else {
-      this.set_style('');
     }
     this.selected = selected;
+    this.updateActive();
   }
-  override vfunc_key_press_event(event: Clutter.Event): boolean {
-    if (
-      event.get_key_symbol() === Clutter.KEY_Return ||
-      event.get_key_symbol() === Clutter.KEY_ISO_Enter ||
-      event.get_key_symbol() === Clutter.KEY_KP_Enter
-    ) {
-      this.emit('activated');
-      return Clutter.EVENT_STOP;
+
+  private setHovered(hovered: boolean) {
+    Shell.Global.get().display.set_cursor(hovered ? Meta.Cursor.POINTING_HAND : Meta.Cursor.DEFAULT);
+    this.hovered = hovered;
+    this.updateActive();
+  }
+
+  private updateActive() {
+    if (this.hovered || this.selected) {
+      this.add_style_class_name('active');
+      this.set_style(`border: 4px solid ${this.settings.get_string('active-item-border-color')};`);
+    } else {
+      this.remove_style_class_name('active');
+      this.set_style('');
     }
-    if (event.get_key_symbol() === Clutter.KEY_Delete || event.get_key_symbol() === Clutter.KEY_KP_Delete) {
-      this.emit('on-remove', JSON.stringify(this.dbItem));
-      return Clutter.EVENT_STOP;
+  }
+
+  // The style-changed event is used here instead of the enter and leave events because those events
+  // retrigger when the pointer hovers over the buttons in the controls.
+  override vfunc_style_changed(): void {
+    if (this.showControlsOnHover) {
+      this.overlay.setVisibility(this.hover || this.selected);
     }
-    if (
-      (event.get_key_symbol() === Clutter.KEY_S || event.get_key_symbol() === Clutter.KEY_s) &&
-      event.get_state() === Clutter.ModifierType.CONTROL_MASK
-    ) {
-      this.dbItem = { ...this.dbItem, isFavorite: !this.dbItem.isFavorite };
-      this.emit('on-favorite', JSON.stringify(this.dbItem));
-      return Clutter.EVENT_STOP;
+  }
+
+  override vfunc_key_press_event(event: Clutter.Event): boolean {
+    switch (event.get_key_symbol()) {
+      case Clutter.KEY_Return:
+      case Clutter.KEY_ISO_Enter:
+      case Clutter.KEY_KP_Enter:
+        this.emit('activated');
+        return Clutter.EVENT_STOP;
+
+      case Clutter.KEY_Delete:
+      case Clutter.KEY_KP_Delete:
+        this.emit('on-remove', JSON.stringify(this.dbItem));
+        return Clutter.EVENT_STOP;
+
+      case Clutter.KEY_S:
+      case Clutter.KEY_s:
+        if (event.has_control_modifier()) {
+          this.dbItem = { ...this.dbItem, isFavorite: !this.dbItem.isFavorite };
+          this.emit('on-favorite', JSON.stringify(this.dbItem));
+          return Clutter.EVENT_STOP;
+        }
+        break;
     }
+
     return Clutter.EVENT_PROPAGATE;
   }
 
   override vfunc_button_release_event(event: Clutter.Event): boolean {
-    if (event.get_button() === 1) {
-      this.emit('activated');
-      return Clutter.EVENT_STOP;
+    switch (event.get_button()) {
+      case Clutter.BUTTON_PRIMARY:
+        this.emit('activated');
+        return Clutter.EVENT_STOP;
+
+      // Delete item on middle click
+      case Clutter.BUTTON_MIDDLE:
+        if (this.settings.get_boolean('remove-on-middle-click')) {
+          this.emit('on-remove', JSON.stringify(this.dbItem));
+          return Clutter.EVENT_STOP;
+        }
     }
 
     return Clutter.EVENT_PROPAGATE;
diff --git a/src/components/panoItemHeader.ts b/src/components/panoItemHeader.ts
index 46f50de0..a691fb0f 100644
--- a/src/components/panoItemHeader.ts
+++ b/src/components/panoItemHeader.ts
@@ -2,13 +2,13 @@ import Clutter from '@girs/clutter-16';
 import Gio from '@girs/gio-2.0';
 import GLib from '@girs/glib-2.0';
 import type { ExtensionBase } from '@girs/gnome-shell/dist/extensions/sharedInternals';
-import GObject from '@girs/gobject-2.0';
 import Shell from '@girs/shell-16';
 import St from '@girs/st-16';
-import { registerGObjectClass, SignalsDefinition } from '@pano/utils/gjs';
+import { registerGObjectClass } from '@pano/utils/gjs';
 import { ICON_PACKS, IPanoItemType } from '@pano/utils/panoItemType';
 import { getCurrentExtensionSettings } from '@pano/utils/shell';
 import { orientationCompatibility } from '@pano/utils/shell_compatibility';
+import { getHeaderHeight, HEADER_STYLES } from '@pano/utils/ui';
 import { Locale } from 'date-fns';
 import formatDistanceToNow from 'date-fns/formatDistanceToNow';
 import * as dateLocale from 'date-fns/locale';
@@ -18,12 +18,6 @@ const langs = GLib.get_language_names_with_category('LC_MESSAGES').map(
 );
 const localeKey = Object.keys(dateLocale).find((key) => langs.includes(key));
 
-export type PanoItemHeaderSignalType = 'on-remove' | 'on-favorite';
-interface PanoItemHeaderSignals extends SignalsDefinition<PanoItemHeaderSignalType> {
-  'on-remove': Record<string, never>;
-  'on-favorite': Record<string, never>;
-}
-
 type FormatOptions = {
   includeSeconds?: boolean;
   addSuffix?: boolean;
@@ -32,50 +26,23 @@ type FormatOptions = {
 
 @registerGObjectClass
 export class PanoItemHeader extends St.BoxLayout {
-  static metaInfo: GObject.MetaInfo<Record<string, never>, Record<string, never>, PanoItemHeaderSignals> = {
-    GTypeName: 'PanoItemHeader',
-    Signals: {
-      'on-remove': {},
-      'on-favorite': {},
-    },
-  };
-
   private dateUpdateIntervalId: any;
-  private favoriteButton: St.Button;
   private settings: Gio.Settings;
+  private icon: St.Icon;
   private titleLabel: St.Label;
   private dateLabel: St.Label;
-  actionContainer: St.BoxLayout;
-  titleContainer: St.BoxLayout;
-  iconContainer: St.BoxLayout;
-  itemType: IPanoItemType;
+  private titleContainer: St.BoxLayout;
+  private hasCustomIcon: boolean = false;
 
   constructor(ext: ExtensionBase, itemType: IPanoItemType, date: Date) {
     super({
-      styleClass: `pano-item-header pano-item-header-${itemType.classSuffix}`,
+      styleClass: 'pano-item-header',
       ...orientationCompatibility(false),
     });
-    this.itemType = itemType;
-    this.titleContainer = new St.BoxLayout({
-      styleClass: 'pano-item-title-container',
-      ...orientationCompatibility(true),
-      xExpand: true,
-    });
-    this.iconContainer = new St.BoxLayout({
-      styleClass: 'pano-icon-container',
-    });
 
     this.settings = getCurrentExtensionSettings(ext);
 
-    const themeContext = St.ThemeContext.get_for_stage(Shell.Global.get().get_stage());
-
-    this.set_height(56 * themeContext.scaleFactor);
-
-    themeContext.connect('notify::scale-factor', () => {
-      this.set_height(56 * themeContext.scaleFactor);
-    });
-
-    const icon = new St.Icon({
+    this.icon = new St.Icon({
       styleClass: 'pano-item-title-icon',
       gicon: Gio.icon_new_for_string(
         `${ext.path}/icons/hicolor/scalable/actions/${ICON_PACKS[this.settings.get_uint('icon-pack')]}-${
@@ -83,9 +50,11 @@ export class PanoItemHeader extends St.BoxLayout {
         }`,
       ),
     });
-    this.iconContainer.add_child(icon);
+
     this.settings.connect('changed::icon-pack', () => {
-      icon.set_gicon(
+      if (this.hasCustomIcon) return;
+
+      this.icon.set_gicon(
         Gio.icon_new_for_string(
           `${ext.path}/icons/hicolor/scalable/actions/${ICON_PACKS[this.settings.get_uint('icon-pack')]}-${
             itemType.iconPath
@@ -94,14 +63,24 @@ export class PanoItemHeader extends St.BoxLayout {
       );
     });
 
+    this.titleContainer = new St.BoxLayout({
+      styleClass: 'pano-item-title-container',
+      ...orientationCompatibility(true),
+      xExpand: true,
+      xAlign: Clutter.ActorAlign.FILL,
+      yAlign: Clutter.ActorAlign.CENTER,
+    });
+
     this.titleLabel = new St.Label({
       text: itemType.title,
       styleClass: 'pano-item-title',
+      visible: this.settings.get_uint('header-style') !== HEADER_STYLES.COMPACT,
       xExpand: true,
+      yExpand: false,
+      xAlign: Clutter.ActorAlign.FILL,
+      yAlign: Clutter.ActorAlign.CENTER,
     });
 
-    this.titleContainer.add_child(this.titleLabel);
-
     const options: FormatOptions = {
       addSuffix: true,
     };
@@ -117,9 +96,9 @@ export class PanoItemHeader extends St.BoxLayout {
       text: formatDistanceToNow(date, options),
       styleClass: 'pano-item-date',
       xExpand: true,
-      yExpand: true,
+      yExpand: false,
       xAlign: Clutter.ActorAlign.FILL,
-      yAlign: Clutter.ActorAlign.CENTER,
+      yAlign: Clutter.ActorAlign.END,
     });
 
     this.dateUpdateIntervalId = GLib.timeout_add_seconds(GLib.PRIORITY_DEFAULT, 60, () => {
@@ -128,53 +107,31 @@ export class PanoItemHeader extends St.BoxLayout {
       return GLib.SOURCE_CONTINUE;
     });
 
+    this.titleContainer.add_child(this.titleLabel);
     this.titleContainer.add_child(this.dateLabel);
 
-    this.actionContainer = new St.BoxLayout({
-      styleClass: 'pano-item-actions',
-      xExpand: true,
-      yExpand: true,
-      xAlign: Clutter.ActorAlign.END,
-      yAlign: Clutter.ActorAlign.START,
-    });
-
-    const favoriteIcon = new St.Icon({
-      styleClass: 'pano-item-action-button-icon',
-      iconName: 'starred-symbolic',
-    });
-
-    this.favoriteButton = new St.Button({
-      styleClass: 'pano-item-action-button pano-item-favorite-button',
-      child: favoriteIcon,
-    });
+    this.add_child(this.icon);
+    this.add_child(this.titleContainer);
 
-    this.favoriteButton.connect('clicked', () => {
-      this.emit('on-favorite');
-      return Clutter.EVENT_PROPAGATE;
-    });
+    const themeContext = St.ThemeContext.get_for_stage(Shell.Global.get().get_stage());
 
-    const removeIcon = new St.Icon({
-      styleClass: 'pano-item-action-button-icon pano-item-action-button-remove-icon',
-      iconName: 'window-close-symbolic',
-    });
+    const size = getHeaderHeight(this.settings.get_uint('header-style'));
+    this.set_height(size * themeContext.scaleFactor);
+    this.icon.set_width(size * themeContext.scaleFactor);
 
-    const removeButton = new St.Button({
-      styleClass: 'pano-item-action-button pano-item-remove-button',
-      child: removeIcon,
+    themeContext.connect('notify::scale-factor', () => {
+      const size = getHeaderHeight(this.settings.get_uint('header-style'));
+      this.set_height(size * themeContext.scaleFactor);
+      this.icon.set_width(size * themeContext.scaleFactor);
     });
 
-    removeButton.connect('clicked', () => {
-      this.emit('on-remove');
-      return Clutter.EVENT_PROPAGATE;
+    this.settings.connect('changed::header-style', () => {
+      const size = getHeaderHeight(this.settings.get_uint('header-style'));
+      this.set_height(size * themeContext.scaleFactor);
+      this.icon.set_width(size * themeContext.scaleFactor);
+      this.titleLabel.visible = this.settings.get_uint('header-style') !== HEADER_STYLES.COMPACT;
     });
 
-    this.actionContainer.add_child(this.favoriteButton);
-    this.actionContainer.add_child(removeButton);
-
-    this.add_child(this.iconContainer);
-    this.add_child(this.titleContainer);
-    this.add_child(this.actionContainer);
-
     this.setStyle();
     this.settings.connect('changed::item-title-font-family', this.setStyle.bind(this));
     this.settings.connect('changed::item-title-font-size', this.setStyle.bind(this));
@@ -191,12 +148,9 @@ export class PanoItemHeader extends St.BoxLayout {
     this.dateLabel.set_style(`font-family: ${itemDateFontFamily}; font-size: ${itemDateFontSize}px;`);
   }
 
-  setFavorite(isFavorite: boolean): void {
-    if (isFavorite) {
-      this.favoriteButton.add_style_pseudo_class('active');
-    } else {
-      this.favoriteButton.remove_style_pseudo_class('active');
-    }
+  setIcon(icon: Gio.Icon) {
+    this.hasCustomIcon = true;
+    this.icon.set_gicon(icon);
   }
 
   override destroy(): void {
diff --git a/src/components/panoItemOverlay.ts b/src/components/panoItemOverlay.ts
new file mode 100644
index 00000000..c992d0f4
--- /dev/null
+++ b/src/components/panoItemOverlay.ts
@@ -0,0 +1,114 @@
+import Clutter from '@girs/clutter-16';
+import GObject from '@girs/gobject-2.0';
+import St from '@girs/st-16';
+import { isDark } from '@pano/utils/color';
+import { registerGObjectClass, SignalsDefinition } from '@pano/utils/gjs';
+import { orientationCompatibility } from '@pano/utils/shell_compatibility';
+
+export type PanoItemOverlaySignalType = 'on-remove' | 'on-favorite';
+interface PanoItemOverlaySignals extends SignalsDefinition<PanoItemOverlaySignalType> {
+  'on-remove': Record<string, never>;
+  'on-favorite': Record<string, never>;
+}
+
+@registerGObjectClass
+export class PanoItemOverlay extends St.BoxLayout {
+  static metaInfo: GObject.MetaInfo<Record<string, never>, Record<string, never>, PanoItemOverlaySignals> = {
+    GTypeName: 'PanoItemOverlay',
+    Signals: { 'on-remove': {}, 'on-favorite': {} },
+  };
+
+  private isVisible = false;
+  private isFavorite = false;
+  private favoriteButton: St.Button;
+  private favoriteIcon: St.Icon;
+  actionContainer: St.BoxLayout;
+
+  constructor() {
+    super({
+      styleClass: 'pano-item-overlay',
+      ...orientationCompatibility(false),
+      yAlign: Clutter.ActorAlign.FILL,
+      xAlign: Clutter.ActorAlign.FILL,
+      xExpand: true,
+      yExpand: true,
+    });
+
+    this.actionContainer = new St.BoxLayout({
+      styleClass: 'pano-item-actions',
+      xExpand: true,
+      yExpand: true,
+      xAlign: Clutter.ActorAlign.END,
+      yAlign: Clutter.ActorAlign.START,
+    });
+
+    const favoriteIcon = new St.Icon({ styleClass: 'pano-item-action-button-icon', iconName: 'view-pin-symbolic' });
+
+    this.favoriteButton = new St.Button({
+      styleClass: 'pano-item-action-button pano-item-favorite-button',
+      child: favoriteIcon,
+    });
+
+    this.favoriteButton.connect('clicked', () => {
+      this.emit('on-favorite');
+      return Clutter.EVENT_PROPAGATE;
+    });
+
+    const removeIcon = new St.Icon({
+      styleClass: 'pano-item-action-button-icon pano-item-action-button-remove-icon',
+      iconName: 'user-trash-symbolic',
+    });
+
+    const removeButton = new St.Button({
+      styleClass: 'pano-item-action-button pano-item-remove-button',
+      child: removeIcon,
+    });
+
+    removeButton.connect('clicked', () => {
+      this.emit('on-remove');
+      return Clutter.EVENT_PROPAGATE;
+    });
+
+    this.actionContainer.add_child(this.favoriteButton);
+    this.actionContainer.add_child(removeButton);
+
+    this.favoriteIcon = new St.Icon({
+      styleClass: 'pano-favorite-icon',
+      iconName: 'view-pin-symbolic',
+      xExpand: true,
+      yExpand: true,
+      xAlign: Clutter.ActorAlign.END,
+      yAlign: Clutter.ActorAlign.START,
+    });
+
+    this.add_child(this.actionContainer);
+    this.add_child(this.favoriteIcon);
+  }
+
+  setControlsBackground(color: string): void {
+    this.actionContainer.set_style(`background-color: ${color}`);
+    this.favoriteIcon.set_style(`background-color: ${color};`);
+    const buttonColor = isDark(color) ? 'rgba(255, 255, 255, 0.15)' : 'rgba(0, 0, 0, 0.15)';
+    for (const child of this.actionContainer.get_children()) {
+      if (child instanceof St.Button) {
+        child.set_style(`background-color: ${buttonColor}`);
+      }
+    }
+  }
+
+  setVisibility(isVisible: boolean): void {
+    this.isVisible = isVisible;
+    this.actionContainer.visible = isVisible;
+    this.favoriteIcon.visible = !isVisible && this.isFavorite;
+  }
+
+  setFavorite(isFavorite: boolean): void {
+    this.isFavorite = isFavorite;
+    this.favoriteIcon.visible = !this.isVisible && isFavorite;
+    if (isFavorite) {
+      this.favoriteButton.add_style_pseudo_class('active');
+    } else {
+      this.favoriteButton.remove_style_pseudo_class('active');
+    }
+  }
+}
diff --git a/src/components/panoScrollView.ts b/src/components/panoScrollView.ts
index ffe743df..878d0942 100644
--- a/src/components/panoScrollView.ts
+++ b/src/components/panoScrollView.ts
@@ -14,6 +14,7 @@ import { ClipboardQueryBuilder, db, ItemType } from '@pano/utils/db';
 import { registerGObjectClass, SignalRepresentationType, SignalsDefinition } from '@pano/utils/gjs';
 import { createPanoItem, createPanoItemFromDb, removeItemResources } from '@pano/utils/panoItemFactory';
 import { getCurrentExtensionSettings } from '@pano/utils/shell';
+import { orientationCompatibility, setOrientationCompatibility } from '@pano/utils/shell_compatibility';
 import { isVertical } from '@pano/utils/ui';
 
 export type PanoScrollViewSignalType =
@@ -43,15 +44,9 @@ export class PanoScrollView extends St.ScrollView {
       'scroll-focus-out': {},
       'scroll-update-list': {},
       'scroll-alt-press': {},
-      'scroll-tab-press': {
-        param_types: [GObject.TYPE_BOOLEAN],
-        accumulator: 0,
-      },
+      'scroll-tab-press': { param_types: [GObject.TYPE_BOOLEAN], accumulator: 0 },
       'scroll-backspace-press': {},
-      'scroll-key-press': {
-        param_types: [GObject.TYPE_STRING],
-        accumulator: 0,
-      },
+      'scroll-key-press': { param_types: [GObject.TYPE_STRING], accumulator: 0 },
     },
   };
 
@@ -67,11 +62,7 @@ export class PanoScrollView extends St.ScrollView {
   private clipboardManager: ClipboardManager;
 
   constructor(ext: ExtensionBase, clipboardManager: ClipboardManager, searchBox: SearchBox) {
-    super({
-      overlayScrollbars: true,
-      xExpand: true,
-      yExpand: true,
-    });
+    super({ overlayScrollbars: true, xExpand: true, yExpand: true });
     this.ext = ext;
     this.clipboardManager = clipboardManager;
     this.searchBox = searchBox;
@@ -80,14 +71,14 @@ export class PanoScrollView extends St.ScrollView {
     this.setScrollbarPolicy();
 
     this.list = new St.BoxLayout({
-      vertical: isVertical(this.settings.get_uint('window-position')),
+      ...orientationCompatibility(isVertical(this.settings.get_uint('window-position'))),
       xExpand: true,
       yExpand: true,
     });
 
     this.settings.connect('changed::window-position', () => {
       this.setScrollbarPolicy();
-      this.list.set_vertical(isVertical(this.settings.get_uint('window-position')));
+      setOrientationCompatibility(this.list, isVertical(this.settings.get_uint('window-position')));
     });
     scrollViewAddChild(this, this.list);
 
@@ -118,10 +109,6 @@ export class PanoScrollView extends St.ScrollView {
         return Clutter.EVENT_STOP;
       }
 
-      if (event.get_state()) {
-        return Clutter.EVENT_PROPAGATE;
-      }
-
       if (shouldFocusOut(event.get_key_symbol())) {
         this.emit('scroll-focus-out');
         return Clutter.EVENT_STOP;
@@ -188,6 +175,26 @@ export class PanoScrollView extends St.ScrollView {
     }
   }
 
+  /**
+   * Removes first and last child pseudo classes quicker than the shell updates them.
+   * This ensures that there are no jumpy transitions between items when removing/filtering items.
+   */
+  private removePseudoClasses() {
+    const visibleItems = this.getVisibleItems();
+    visibleItems[0]?.remove_style_pseudo_class('first-child');
+    visibleItems[visibleItems.length - 1]?.remove_style_pseudo_class('last-child');
+  }
+
+  /**
+   * Adds first and last child pseudo classes quicker than the shell updates them.
+   * This ensures that there are no jumpy transitions between items when removing/filtering items.
+   */
+  private setPseudoClasses() {
+    const visibleItems = this.getVisibleItems();
+    visibleItems[0]?.add_style_pseudo_class('first-child');
+    visibleItems[visibleItems.length - 1]?.add_style_pseudo_class('last-child');
+  }
+
   private prependItem(panoItem: PanoItem) {
     const existingItem = this.getItem(panoItem);
 
@@ -233,8 +240,6 @@ export class PanoScrollView extends St.ScrollView {
       this.filter(this.currentFilter, this.currentItemTypeFilter, this.showFavorites);
       if (this.getVisibleItems().length === 0) {
         this.emit('scroll-focus-out');
-      } else {
-        this.focusOnClosest();
       }
     });
   }
@@ -242,6 +247,7 @@ export class PanoScrollView extends St.ScrollView {
   private removeItem(item: PanoItem) {
     item.hide();
     this.list.remove_child(item);
+    this.setPseudoClasses();
   }
 
   private getItem(panoItem: PanoItem): PanoItem | undefined {
@@ -308,11 +314,14 @@ export class PanoScrollView extends St.ScrollView {
   }
 
   filter(text: string | null, itemType: ItemType | null, showFavorites: boolean | null) {
+    this.removePseudoClasses();
+
     this.currentFilter = text;
     this.currentItemTypeFilter = itemType;
     this.showFavorites = showFavorites;
     if (!text && !itemType && null === showFavorites) {
       this.getItems().forEach((i) => i.show());
+      this.setPseudoClasses();
       return;
     }
 
@@ -333,6 +342,7 @@ export class PanoScrollView extends St.ScrollView {
     const result = db.query(builder.build()).map((dbItem) => dbItem.id);
 
     this.getItems().forEach((item) => (result.indexOf(item.dbItem.id) >= 0 ? item.show() : item.hide()));
+    this.setPseudoClasses();
   }
 
   focusOnClosest() {
@@ -430,10 +440,7 @@ export class PanoScrollView extends St.ScrollView {
       return;
     }
 
-    adjustment.ease(value, {
-      duration: 150,
-      mode: Clutter.AnimationMode.EASE_OUT_QUAD,
-    });
+    adjustment.ease(value, { duration: 150, mode: Clutter.AnimationMode.EASE_OUT_QUAD });
   }
 
   selectFirstItem() {
@@ -497,10 +504,7 @@ export class PanoScrollView extends St.ScrollView {
 
     adjustment.remove_transition('value');
 
-    adjustment.ease(value, {
-      duration: 150,
-      mode: Clutter.AnimationMode.EASE_OUT_QUAD,
-    });
+    adjustment.ease(value, { duration: 150, mode: Clutter.AnimationMode.EASE_OUT_QUAD });
 
     return Clutter.EVENT_STOP;
   }
diff --git a/src/components/searchBox.ts b/src/components/searchBox.ts
index 2bed5093..3b022dd8 100644
--- a/src/components/searchBox.ts
+++ b/src/components/searchBox.ts
@@ -51,7 +51,8 @@ export class SearchBox extends St.BoxLayout {
 
   constructor(ext: ExtensionBase) {
     super({
-      xAlign: Clutter.ActorAlign.CENTER,
+      xAlign: Clutter.ActorAlign.FILL,
+      xExpand: true,
       styleClass: 'search-entry-container',
       ...orientationCompatibility(false),
       trackHover: true,
@@ -66,13 +67,15 @@ export class SearchBox extends St.BoxLayout {
     const themeContext = St.ThemeContext.get_for_stage(Shell.Global.get().get_stage());
 
     this.search = new St.Entry({
+      xAlign: Clutter.ActorAlign.CENTER,
+      xExpand: true,
       canFocus: true,
       hintText: _('Type to search, Tab to cycle'),
       naturalWidth: 300 * themeContext.scaleFactor,
       height: 40 * themeContext.scaleFactor,
       trackHover: true,
       primaryIcon: this.createSearchEntryIcon('edit-find-symbolic', 'search-entry-icon'),
-      secondaryIcon: this.createSearchEntryIcon('starred-symbolic', 'search-entry-fav-icon'),
+      secondaryIcon: this.createSearchEntryIcon('view-pin-symbolic', 'search-entry-fav-icon'),
     });
 
     themeContext.connect('notify::scale-factor', () => {
@@ -157,9 +160,12 @@ export class SearchBox extends St.BoxLayout {
   }
 
   private setStyle() {
+    const searchBarBackgroundColor = this.settings.get_string('search-bar-background-color');
     const searchBarFontFamily = this.settings.get_string('search-bar-font-family');
     const searchBarFontSize = this.settings.get_int('search-bar-font-size');
-    this.search.set_style(`font-family: ${searchBarFontFamily}; font-size: ${searchBarFontSize}px;`);
+    this.search.set_style(
+      `background-color: ${searchBarBackgroundColor}; font-family: ${searchBarFontFamily}; font-size: ${searchBarFontSize}px;`,
+    );
   }
 
   toggleItemType(hasShift: boolean) {
diff --git a/src/components/textPanoItem.ts b/src/components/textPanoItem.ts
index aef3b491..b636306e 100644
--- a/src/components/textPanoItem.ts
+++ b/src/components/textPanoItem.ts
@@ -4,6 +4,7 @@ import Pango from '@girs/pango-1.0';
 import St from '@girs/st-16';
 import { PanoItem } from '@pano/components/panoItem';
 import { ClipboardContent, ClipboardManager, ContentType } from '@pano/utils/clipboardManager';
+import { getItemBackgroundColor } from '@pano/utils/color';
 import { DBItem } from '@pano/utils/db';
 import { registerGObjectClass } from '@pano/utils/gjs';
 
@@ -29,6 +30,12 @@ export class TextPanoItem extends PanoItem {
     this.connect('activated', this.setClipboardContent.bind(this));
     this.setStyle();
     this.textItemSettings.connect('changed', this.setStyle.bind(this));
+
+    // Settings for controls
+    this.settings.connect('changed::is-in-incognito', this.setStyle.bind(this));
+    this.settings.connect('changed::incognito-window-background-color', this.setStyle.bind(this));
+    this.settings.connect('changed::window-background-color', this.setStyle.bind(this));
+    this.settings.connect('changed::header-style', this.setStyle.bind(this));
   }
 
   private setStyle() {
@@ -40,6 +47,9 @@ export class TextPanoItem extends PanoItem {
     const bodyFontSize = this.textItemSettings.get_int('body-font-size');
     const characterLength = this.textItemSettings.get_int('char-length');
 
+    // Set overlay styles
+    this.overlay.setControlsBackground(getItemBackgroundColor(this.settings, headerBgColor, bodyBgColor));
+
     // Set header styles
     this.header.set_style(`background-color: ${headerBgColor}; color: ${headerColor};`);
 
diff --git a/src/containers/panoWindow.ts b/src/containers/panoWindow.ts
index f9dda752..ad21b9cc 100644
--- a/src/containers/panoWindow.ts
+++ b/src/containers/panoWindow.ts
@@ -13,7 +13,16 @@ import { ItemType } from '@pano/utils/db';
 import { registerGObjectClass } from '@pano/utils/gjs';
 import { getCurrentExtensionSettings } from '@pano/utils/shell';
 import { orientationCompatibility } from '@pano/utils/shell_compatibility';
-import { getAlignment, getMonitorConstraint, isVertical } from '@pano/utils/ui';
+import {
+  getAlignment,
+  getHeaderHeight,
+  getMonitorConstraint,
+  getMonitorIndexForPointer,
+  getMonitors,
+  getPointer,
+  isVertical,
+  WINDOW_POSITIONS,
+} from '@pano/utils/ui';
 
 @registerGObjectClass
 export class PanoWindow extends St.BoxLayout {
@@ -40,73 +49,57 @@ export class PanoWindow extends St.BoxLayout {
     const themeContext = St.ThemeContext.get_for_stage(Shell.Global.get().get_stage());
 
     this.setWindowDimensions(themeContext.scaleFactor);
-    themeContext.connect('notify::scale-factor', () => {
-      this.setWindowDimensions(themeContext.scaleFactor);
-    });
-    this.settings.connect('changed::item-size', () => {
-      this.setWindowDimensions(themeContext.scaleFactor);
-    });
+    themeContext.connect('notify::scale-factor', () => this.setWindowDimensions(themeContext.scaleFactor));
+    this.settings.connect('changed::item-width', () => this.setWindowDimensions(themeContext.scaleFactor));
+    this.settings.connect('changed::item-height', () => this.setWindowDimensions(themeContext.scaleFactor));
+    this.settings.connect('changed::header-style', () => this.setWindowDimensions(themeContext.scaleFactor));
+    this.settings.connect('changed::compact-mode', () => this.setWindowDimensions(themeContext.scaleFactor));
     this.settings.connect('changed::window-position', () => {
       this.setWindowDimensions(themeContext.scaleFactor);
       this.setAlignment();
+      this.setStyle();
     });
+    this.settings.connect('changed::window-height', () => this.setWindowDimensions(themeContext.scaleFactor));
+    this.settings.connect('changed::window-floating', this.setStyle.bind(this));
+    this.settings.connect('changed::window-margin-left', this.setStyle.bind(this));
+    this.settings.connect('changed::window-margin-right', this.setStyle.bind(this));
+    this.settings.connect('changed::window-margin-top', this.setStyle.bind(this));
+    this.settings.connect('changed::window-margin-bottom', this.setStyle.bind(this));
+
+    this.settings.connect('changed::window-background-color', this.setStyle.bind(this));
+    this.settings.connect('changed::incognito-window-background-color', this.setStyle.bind(this));
+    this.settings.connect('changed::is-in-incognito', this.setStyle.bind(this));
+
+    this.setStyle();
 
-    this.settings.connect('changed::window-background-color', () => {
-      if (this.settings.get_boolean('is-in-incognito')) {
-        this.set_style(
-          `background-color: ${this.settings.get_string('incognito-window-background-color')} !important;`,
-        );
-      } else {
-        this.set_style(`background-color: ${this.settings.get_string('window-background-color')}`);
-      }
-    });
-    this.settings.connect('changed::incognito-window-background-color', () => {
-      if (this.settings.get_boolean('is-in-incognito')) {
-        this.set_style(
-          `background-color: ${this.settings.get_string('incognito-window-background-color')} !important;`,
-        );
-      } else {
-        this.set_style(`background-color: ${this.settings.get_string('window-background-color')}`);
-      }
-    });
     this.monitorBox = new MonitorBox();
     this.searchBox = new SearchBox(ext);
     this.scrollView = new PanoScrollView(ext, clipboardManager, this.searchBox);
 
+    // Add incognito mode icon
+    this.searchBox.set_style(`background-image: url(file:///${ext.path}/images/incognito-mode.svg);`);
+
     this.setupMonitorBox();
     this.setupScrollView();
     this.setupSearchBox();
 
     this.add_child(this.searchBox);
     this.add_child(this.scrollView);
-
-    this.settings.connect('changed::is-in-incognito', () => {
-      if (this.settings.get_boolean('is-in-incognito')) {
-        this.add_style_class_name('incognito');
-        this.set_style(
-          `background-color: ${this.settings.get_string('incognito-window-background-color')} !important;`,
-        );
-      } else {
-        this.remove_style_class_name('incognito');
-        this.set_style(`background-color: ${this.settings.get_string('window-background-color')}`);
-      }
-    });
-
-    if (this.settings.get_boolean('is-in-incognito')) {
-      this.add_style_class_name('incognito');
-      this.set_style(`background-color: ${this.settings.get_string('incognito-window-background-color')} !important;`);
-    } else {
-      this.set_style(`background-color: ${this.settings.get_string('window-background-color')}`);
-    }
   }
 
   private setWindowDimensions(scaleFactor: number) {
     this.remove_style_class_name('vertical');
     if (isVertical(this.settings.get_uint('window-position'))) {
       this.add_style_class_name('vertical');
-      this.set_width((this.settings.get_int('item-size') + 20) * scaleFactor);
+      this.set_width((this.settings.get_int('item-width') + 32) * scaleFactor);
+
+      if (this.settings.get_uint('window-position') == WINDOW_POSITIONS.POINTER) {
+        this.set_height(this.settings.get_int('window-height') * scaleFactor);
+      }
     } else {
-      this.set_height((this.settings.get_int('item-size') + 90) * scaleFactor);
+      const mult = this.settings.get_boolean('compact-mode') ? 0.5 : 1;
+      const header = getHeaderHeight(this.settings.get_uint('header-style'));
+      this.set_height((Math.floor(this.settings.get_int('item-height') * mult) + 76 + header) * scaleFactor);
     }
   }
 
@@ -116,6 +109,66 @@ export class PanoWindow extends St.BoxLayout {
     this.set_y_align(y_align);
   }
 
+  private setStyle() {
+    let backgroundColor;
+    if (this.settings.get_boolean('is-in-incognito')) {
+      this.add_style_class_name('incognito');
+      backgroundColor = this.settings.get_string('incognito-window-background-color');
+    } else {
+      this.remove_style_class_name('incognito');
+      backgroundColor = this.settings.get_string('window-background-color');
+    }
+
+    let margins;
+    if (this.settings.get_uint('window-position') == WINDOW_POSITIONS.POINTER) {
+      this.add_style_class_name('floating');
+      margins = '0px';
+    } else if (this.settings.get_boolean('window-floating')) {
+      this.add_style_class_name('floating');
+
+      const left = this.settings.get_int('window-margin-left');
+      const right = this.settings.get_int('window-margin-right');
+      const top = this.settings.get_int('window-margin-top');
+      const bottom = this.settings.get_int('window-margin-bottom');
+
+      margins = `${top}px ${right}px ${bottom}px ${left}px`;
+    } else {
+      this.remove_style_class_name('floating');
+      margins = '0px';
+    }
+
+    this.set_style(`background-color: ${backgroundColor}; margin: ${margins}`);
+  }
+
+  private setPositionConstraints(at_pointer: boolean) {
+    if (this.settings.get_uint('window-position') == WINDOW_POSITIONS.POINTER) {
+      const [px, py, _] = getPointer();
+      const monitor = getMonitors()[getMonitorIndexForPointer()]!;
+
+      const left = this.settings.get_int('window-margin-left');
+      const top = this.settings.get_int('window-margin-top');
+
+      const x = Math.max(Math.min(at_pointer ? px + 1 : left, monitor.x + monitor.width - this.width), monitor.x);
+      const y = Math.max(Math.min(at_pointer ? py + 1 : top, monitor.y + monitor.height - this.height), monitor.y);
+
+      this.add_constraint(
+        new Clutter.BindConstraint({
+          source: Shell.Global.get().stage,
+          coordinate: Clutter.BindCoordinate.X,
+          offset: x,
+        }),
+      );
+
+      this.add_constraint(
+        new Clutter.BindConstraint({
+          source: Shell.Global.get().stage,
+          coordinate: Clutter.BindCoordinate.Y,
+          offset: y,
+        }),
+      );
+    }
+  }
+
   private setupMonitorBox() {
     this.monitorBox.connect('hide_window', () => this.hide());
   }
@@ -173,14 +226,16 @@ export class PanoWindow extends St.BoxLayout {
     });
   }
 
-  toggle(): void {
-    this.is_visible() ? this.hide() : this.show();
+  toggle(at_pointer: boolean = true): void {
+    this.is_visible() ? this.hide() : this.show(at_pointer);
   }
 
-  override show() {
+  override show(at_pointer: boolean = true) {
     this.clear_constraints();
     this.setAlignment();
     this.add_constraint(getMonitorConstraint());
+    this.setPositionConstraints(at_pointer);
+
     super.show();
     if (this.settings.get_boolean('keep-search-entry')) {
       this.searchBox.selectAll();
diff --git a/src/extension.ts b/src/extension.ts
index 00ec5ec3..576d4522 100644
--- a/src/extension.ts
+++ b/src/extension.ts
@@ -53,7 +53,7 @@ export default class PanoExtension extends Extension {
     this.setupResources();
     this.keyManager = new KeyManager(this);
     this.clipboardManager = new ClipboardManager(this);
-    this.indicator = new PanoIndicator(this, this.clearHistory.bind(this), () => this.panoWindow?.toggle());
+    this.indicator = new PanoIndicator(this, this.clearHistory.bind(this), () => this.panoWindow?.toggle(false));
     this.start();
     this.indicator.enable();
     this.enableDbus();
diff --git a/src/prefs/customization/colorItemStyle.ts b/src/prefs/customization/colorItemStyle.ts
index 03780bd5..ec1cc888 100644
--- a/src/prefs/customization/colorItemStyle.ts
+++ b/src/prefs/customization/colorItemStyle.ts
@@ -36,26 +36,6 @@ export class ColorItemStyleRow extends ItemExpanderRow {
       ),
     );
 
-    // create metadata background color row
-    this.add_row(
-      createColorRow(
-        _('Metadata Background Color'),
-        _('You can change the background color of the metadata'),
-        this.settings,
-        'metadata-bg-color',
-      ),
-    );
-
-    // create metadata text color row
-    this.add_row(
-      createColorRow(
-        _('Metadata Text Color'),
-        _('You can change the text color of the metadata'),
-        this.settings,
-        'metadata-color',
-      ),
-    );
-
     // create metadata font row
     this.add_row(
       createFontRow(_('Body Font'), _('You can change the font of the metadata'), this.settings, 'metadata-font'),
diff --git a/src/prefs/customization/commonStyleGroup.ts b/src/prefs/customization/commonStyleGroup.ts
index 41891d59..63ce4f38 100644
--- a/src/prefs/customization/commonStyleGroup.ts
+++ b/src/prefs/customization/commonStyleGroup.ts
@@ -1,7 +1,14 @@
 import Adw from '@girs/adw-1';
 import Gio from '@girs/gio-2.0';
 import type { ExtensionBase } from '@girs/gnome-shell/dist/extensions/sharedInternals';
-import { createColorRow, createDropdownRow, createFontRow, createSpinRow } from '@pano/prefs/customization/utils';
+import { FloatingStyleGroup } from '@pano/prefs/customization/floatingStyleGroup';
+import {
+  createColorRow,
+  createDropdownRow,
+  createFontRow,
+  createSpinRow,
+  createSwitchRow,
+} from '@pano/prefs/customization/utils';
 import { registerGObjectClass } from '@pano/utils/gjs';
 import { getCurrentExtensionSettings, gettext } from '@pano/utils/shell';
 
@@ -24,7 +31,30 @@ export class CommonStyleGroup extends Adw.PreferencesGroup {
     );
 
     this.add(
-      createSpinRow(_('Item Size'), _('You can change the item size'), this.settings, 'item-size', 5, 200, 1000),
+      createSpinRow(_('Item Width'), _('You can change the item width'), this.settings, 'item-width', 5, 200, 1000),
+    );
+
+    this.add(
+      createSpinRow(_('Item Height'), _('You can change the item height'), this.settings, 'item-height', 5, 100, 1000),
+    );
+
+    this.add(
+      createDropdownRow(
+        _('Header Style'),
+        _('Controls the style of the clipboard item headers'),
+        this.settings,
+        'header-style',
+        [_('Hidden'), _('Visible'), _('Compact')],
+      ),
+    );
+
+    this.add(
+      createSwitchRow(
+        _('Compact Mode'),
+        _('Controls the compactness of the clipboard item.'),
+        this.settings,
+        'compact-mode',
+      ),
     );
 
     this.add(
@@ -33,10 +63,24 @@ export class CommonStyleGroup extends Adw.PreferencesGroup {
         _('You can change position of the Pano'),
         this.settings,
         'window-position',
-        [_('Top'), _('Right'), _('Bottom'), _('Left')],
+        [_('Top'), _('Right'), _('Bottom'), _('Left'), _('Pointer')],
       ),
     );
 
+    this.add(
+      createSpinRow(
+        _('Window Height'),
+        _('You can change the height of the window if the position is "Pointer"'),
+        this.settings,
+        'window-height',
+        1,
+        100,
+        4000,
+      ),
+    );
+
+    this.add(new FloatingStyleGroup(ext));
+
     this.add(
       createColorRow(
         _('Window Background Color'),
@@ -53,6 +97,14 @@ export class CommonStyleGroup extends Adw.PreferencesGroup {
         'incognito-window-background-color',
       ),
     );
+    this.add(
+      createColorRow(
+        _('Search Bar Background Color'),
+        _('You can change the background color of the search bar'),
+        this.settings,
+        'search-bar-background-color',
+      ),
+    );
     this.add(
       createFontRow(
         _('Search Bar Font'),
@@ -83,5 +135,13 @@ export class CommonStyleGroup extends Adw.PreferencesGroup {
         'hovered-item-border-color',
       ),
     );
+    this.add(
+      createSwitchRow(
+        _('Show Controls on Hover'),
+        _('When enabled, the controls will only show on hover'),
+        this.settings,
+        'show-controls-on-hover',
+      ),
+    );
   }
 }
diff --git a/src/prefs/customization/fileItemStyle.ts b/src/prefs/customization/fileItemStyle.ts
index 8585a050..a49edef9 100644
--- a/src/prefs/customization/fileItemStyle.ts
+++ b/src/prefs/customization/fileItemStyle.ts
@@ -46,12 +46,79 @@ export class FileItemStyleRow extends ItemExpanderRow {
       ),
     );
 
-    // create body text color row
+    // create title text color row
     this.add_row(
-      createColorRow(_('Body Text Color'), _('You can change the text color of the body'), this.settings, 'body-color'),
+      createColorRow(
+        _('Title Text Color'),
+        _('You can change the text color of the title'),
+        this.settings,
+        'title-color',
+      ),
+    );
+
+    // create title font row
+    this.add_row(
+      createFontRow(_('Title Font'), _('You can change the font of the title'), this.settings, 'title-font'),
+    );
+
+    // create files preview background color row
+    this.add_row(
+      createColorRow(
+        _('Files Preview Background Color'),
+        _('You can change the background color of the files preview'),
+        this.settings,
+        'files-preview-bg-color',
+      ),
+    );
+
+    // create files preview text color row
+    this.add_row(
+      createColorRow(
+        _('Files Preview Text Color'),
+        _('You can change the text color of the files preview'),
+        this.settings,
+        'files-preview-color',
+      ),
     );
 
-    // create body font row
-    this.add_row(createFontRow(_('Body Font'), _('You can change the font of the body'), this.settings, 'body-font'));
+    // create files preview font row
+    this.add_row(
+      createFontRow(
+        _('Files Preview Font'),
+        _('You can change the font of the files preview'),
+        this.settings,
+        'files-preview-font',
+      ),
+    );
+
+    // create text preview background color row
+    this.add_row(
+      createColorRow(
+        _('Text Preview Background Color'),
+        _('You can change the background color of the text preview'),
+        this.settings,
+        'text-preview-bg-color',
+      ),
+    );
+
+    // create text preview text color row
+    this.add_row(
+      createColorRow(
+        _('Text Preview Text Color'),
+        _('You can change the text color of the text preview'),
+        this.settings,
+        'text-preview-color',
+      ),
+    );
+
+    // create text preview font row
+    this.add_row(
+      createFontRow(
+        _('Text Preview Font'),
+        _('You can change the font of the text preview'),
+        this.settings,
+        'text-preview-font',
+      ),
+    );
   }
 }
diff --git a/src/prefs/customization/floatingStyleGroup.ts b/src/prefs/customization/floatingStyleGroup.ts
new file mode 100644
index 00000000..eb3f65b5
--- /dev/null
+++ b/src/prefs/customization/floatingStyleGroup.ts
@@ -0,0 +1,72 @@
+import Adw from '@girs/adw-1';
+import Gio from '@girs/gio-2.0';
+import type { ExtensionBase } from '@girs/gnome-shell/dist/extensions/sharedInternals';
+import { createSpinRow } from '@pano/prefs/customization/utils';
+import { registerGObjectClass } from '@pano/utils/gjs';
+import { getCurrentExtensionSettings, gettext } from '@pano/utils/shell';
+
+@registerGObjectClass
+export class FloatingStyleGroup extends Adw.ExpanderRow {
+  private settings: Gio.Settings;
+  constructor(ext: ExtensionBase) {
+    const _ = gettext(ext);
+    super({
+      title: _('Floating'),
+      subtitle: _('You can change the floating style'),
+      showEnableSwitch: true,
+    });
+
+    this.settings = getCurrentExtensionSettings(ext);
+
+    this.enableExpansion = this.settings.get_boolean('window-floating');
+    this.settings.bind('window-floating', this, 'enable-expansion', Gio.SettingsBindFlags.DEFAULT);
+
+    this.add_row(
+      createSpinRow(
+        _('Left Margin'),
+        _('You can change the left margin'),
+        this.settings,
+        'window-margin-left',
+        5,
+        0,
+        1000,
+      ),
+    );
+
+    this.add_row(
+      createSpinRow(
+        _('Right Margin'),
+        _('You can change the right margin'),
+        this.settings,
+        'window-margin-right',
+        5,
+        0,
+        1000,
+      ),
+    );
+
+    this.add_row(
+      createSpinRow(
+        _('Top Margin'),
+        _('You can change the top margin'),
+        this.settings,
+        'window-margin-top',
+        5,
+        0,
+        1000,
+      ),
+    );
+
+    this.add_row(
+      createSpinRow(
+        _('Bottom Margin'),
+        _('You can change the bottom margin'),
+        this.settings,
+        'window-margin-bottom',
+        5,
+        0,
+        1000,
+      ),
+    );
+  }
+}
diff --git a/src/prefs/customization/imageItemStyle.ts b/src/prefs/customization/imageItemStyle.ts
index 2f010f61..45489590 100644
--- a/src/prefs/customization/imageItemStyle.ts
+++ b/src/prefs/customization/imageItemStyle.ts
@@ -1,7 +1,7 @@
 import Gio from '@girs/gio-2.0';
 import type { ExtensionBase } from '@girs/gnome-shell/dist/extensions/sharedInternals';
 import { ItemExpanderRow } from '@pano/prefs/customization/itemExpanderRow';
-import { createColorRow, createFontRow } from '@pano/prefs/customization/utils';
+import { createColorRow } from '@pano/prefs/customization/utils';
 import { registerGObjectClass } from '@pano/utils/gjs';
 import { getPanoItemTypes } from '@pano/utils/panoItemType';
 import { getCurrentExtensionSettings, gettext } from '@pano/utils/shell';
@@ -34,40 +34,5 @@ export class ImageItemStyleRow extends ItemExpanderRow {
         'header-color',
       ),
     );
-
-    // create body background color row
-    this.add_row(
-      createColorRow(
-        _('Body Background Color'),
-        _('You can change the background color of the body'),
-        this.settings,
-        'body-bg-color',
-      ),
-    );
-
-    // create metadata background color row
-    this.add_row(
-      createColorRow(
-        _('Metadata Background Color'),
-        _('You can change the background color of the metadata'),
-        this.settings,
-        'metadata-bg-color',
-      ),
-    );
-
-    // create metadata text color row
-    this.add_row(
-      createColorRow(
-        _('Metadata Text Color'),
-        _('You can change the text color of the metadata'),
-        this.settings,
-        'metadata-color',
-      ),
-    );
-
-    // create metadata font row
-    this.add_row(
-      createFontRow(_('Metadata Font'), _('You can change the font of the metadata'), this.settings, 'metadata-font'),
-    );
   }
 }
diff --git a/src/prefs/customization/linkItemStyle.ts b/src/prefs/customization/linkItemStyle.ts
index af836da8..fd8ce9c6 100644
--- a/src/prefs/customization/linkItemStyle.ts
+++ b/src/prefs/customization/linkItemStyle.ts
@@ -36,16 +36,6 @@ export class LinkItemStyleRow extends ItemExpanderRow {
       ),
     );
 
-    // create body background color row
-    this.add_row(
-      createColorRow(
-        _('Body Background Color'),
-        _('You can change the background color of the body'),
-        this.settings,
-        'body-bg-color',
-      ),
-    );
-
     // create metadata background color row
     this.add_row(
       createColorRow(
diff --git a/src/prefs/customization/utils.ts b/src/prefs/customization/utils.ts
index f32d226f..0fae0904 100644
--- a/src/prefs/customization/utils.ts
+++ b/src/prefs/customization/utils.ts
@@ -4,6 +4,26 @@ import Gio from '@girs/gio-2.0';
 import Gtk4 from '@girs/gtk-4.0';
 import Pango from '@girs/pango-1.0';
 
+export const createSwitchRow = (title: string, subtitle: string, settings: Gio.Settings, schemaKey: string) => {
+  const switchRow = new Adw.ActionRow({
+    title,
+    subtitle,
+  });
+
+  const switchControl = new Gtk4.Switch({
+    active: settings.get_boolean(schemaKey),
+    valign: Gtk4.Align.CENTER,
+    halign: Gtk4.Align.CENTER,
+  });
+
+  settings.bind(schemaKey, switchControl, 'active', Gio.SettingsBindFlags.DEFAULT);
+
+  switchRow.add_suffix(switchControl);
+  switchRow.set_activatable_widget(switchControl);
+
+  return switchRow;
+};
+
 export const createColorRow = (title: string, subtitle: string, settings: Gio.Settings, schemaKey: string) => {
   const colorRow = new Adw.ActionRow({
     title,
diff --git a/src/prefs/general/generalGroup.ts b/src/prefs/general/generalGroup.ts
index a6c14a00..deb84c34 100644
--- a/src/prefs/general/generalGroup.ts
+++ b/src/prefs/general/generalGroup.ts
@@ -8,6 +8,7 @@ import { LinkPreviewsRow } from '@pano/prefs/general/linkPreviews';
 import { OpenLinksInBrowserRow } from '@pano/prefs/general/openLinksInBrowser';
 import { PasteOnSelectRow } from '@pano/prefs/general/pasteOnSelect';
 import { PlayAudioOnCopyRow } from '@pano/prefs/general/playAudioOnCopy';
+import { RemoveOnMiddleClickRow } from '@pano/prefs/general/removeOnMiddleClick';
 import { SendNotificationOnCopyRow } from '@pano/prefs/general/sendNotificationOnCopy';
 import { ShortcutRow } from '@pano/prefs/general/shortcutRow';
 import { ShowIndicatorRow } from '@pano/prefs/general/showIndicator';
@@ -31,6 +32,7 @@ export class GeneralGroup extends Adw.PreferencesGroup {
     this.add(new IncognitoShortcutRow(ext));
     this.add(new SyncPrimaryRow(ext));
     this.add(new PasteOnSelectRow(ext));
+    this.add(new RemoveOnMiddleClickRow(ext));
     this.add(new SendNotificationOnCopyRow(ext));
     this.add(new PlayAudioOnCopyRow(ext));
     this.add(new KeepSearchEntryRow(ext));
diff --git a/src/prefs/general/removeOnMiddleClick.ts b/src/prefs/general/removeOnMiddleClick.ts
new file mode 100644
index 00000000..08104b1e
--- /dev/null
+++ b/src/prefs/general/removeOnMiddleClick.ts
@@ -0,0 +1,32 @@
+import Adw from '@girs/adw-1';
+import Gio from '@girs/gio-2.0';
+import type { ExtensionBase } from '@girs/gnome-shell/dist/extensions/sharedInternals';
+import Gtk4 from '@girs/gtk-4.0';
+import { registerGObjectClass } from '@pano/utils/gjs';
+import { getCurrentExtensionSettings, gettext } from '@pano/utils/shell';
+
+@registerGObjectClass
+export class RemoveOnMiddleClickRow extends Adw.ActionRow {
+  private settings: Gio.Settings;
+
+  constructor(ext: ExtensionBase) {
+    const _ = gettext(ext);
+    super({
+      title: _('Remove on Middle Click'),
+      subtitle: _('Allow Pano to remove clipboard items on middle click'),
+    });
+
+    this.settings = getCurrentExtensionSettings(ext);
+
+    const removeOnMiddleClickSwitch = new Gtk4.Switch({
+      active: this.settings.get_boolean('remove-on-middle-click'),
+      valign: Gtk4.Align.CENTER,
+      halign: Gtk4.Align.CENTER,
+    });
+
+    this.settings.bind('remove-on-middle-click', removeOnMiddleClickSwitch, 'active', Gio.SettingsBindFlags.DEFAULT);
+
+    this.add_suffix(removeOnMiddleClickSwitch);
+    this.set_activatable_widget(removeOnMiddleClickSwitch);
+  }
+}
diff --git a/src/styles/stylesheet.css b/src/styles/stylesheet.css
index 6936feab..e57f6f66 100644
--- a/src/styles/stylesheet.css
+++ b/src/styles/stylesheet.css
@@ -1,16 +1,30 @@
-.pano-window.incognito {
-  background-image: url('./images/incognito-mode.svg');
-  background-size: 36px;
-  background-position: 15px 15px;
+/* Window */
+.pano-window {
+  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
+  border: 1px solid rgba(255, 255, 255, 0.07);
 }
 
-.pano-window.incognito.vertical {
-  background-size: 0;
+.pano-window.floating {
+  border-radius: 16px;
 }
 
 .pano-window .search-entry-container {
   padding: 14px;
   padding-bottom: 5px;
+  background-size: 0;
+}
+
+.pano-window.incognito .search-entry-container {
+  background-size: 36px;
+  background-position: 15px 15px;
+}
+
+.pano-window.vertical.incognito .search-entry-container {
+  background-size: 0;
+}
+
+.pano-window .search-entry-container StEntry {
+  border-radius: 999px;
 }
 
 .pano-window .search-entry-icon {
@@ -27,170 +41,260 @@
   color: #f6d32d;
 }
 
+.pano-monitor-box {
+  background-color: transparent !important;
+}
+
+/* Item */
 .pano-item {
-  border-radius: 11px;
-  margin: 6px;
+  border-radius: 16px;
+  margin: 5px 0px 12px 6px;
   border: 4px solid transparent;
+  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
 }
 
-.pano-item-header {
-  border-radius: 6px 6px 0px 0px;
-  padding: 5px;
+.pano-item.active {
+  box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
 }
 
-.pano-item-body {
-  border-radius: 0px 0px 6px 6px;
+.pano-window.vertical .pano-item {
+  margin: 6px 10px 0px 10px;
 }
 
-.pano-item-body-code-content {
-  margin: 12px;
-  tab-size: 2;
+.pano-item:first-child {
+  margin-left: 10px;
 }
 
-.pano-item-body-link {
-  padding: 0px;
+.pano-item:last-child {
+  margin-right: 10px;
 }
 
-.pano-item-body-link .image-container {
-  background-size: cover;
-  border-radius: 1px 1px 0px 0px;
+.pano-window.vertical .pano-item:last-child {
+  margin-bottom: 10px;
 }
 
-.pano-item-body-text-content {
-  margin: 12px;
-  tab-size: 2;
+.pano-item-container {
+  border-radius: 12px;
+  /* Without this shadow the border is not redrawn if the box shadow is set */
+  box-shadow: 0 0 4px transparent;
 }
 
-.pano-item-body-emoji .emoji-container {
-  border-radius: 0px 0px 6px 6px;
+/* Overlay */
+.pano-item-overlay {
+  border-radius: 12px;
+  padding: 4px;
 }
 
-.pano-item-body-emoji-content {
-  font-family: sans-serif;
-  tab-size: 2;
-  text-shadow: 0 0 5px #000;
+.pano-item-actions {
+  padding: 2px;
+  background-color: #363636;
+  border-radius: 999px;
+}
+
+.pano-item-action-button {
+  margin-left: 5px;
+  width: 20px;
+  height: 20px;
+  border-radius: 999px;
+  color: white;
 }
 
-.pano-item-body-color .color-container {
-  border-radius: 0px 0px 6px 6px;
+.pano-item-action-button:first-child {
+  margin-left: 0;
 }
 
-.pano-item-body-color .color-label {
+.pano-item-action-button-icon {
+  padding: 4px;
   border-radius: 999px;
-  padding: 10px;
 }
 
-.pano-item-title-container {
-  margin-left: 5px;
+.pano-item-open-link-button:hover .pano-item-action-button-icon,
+.pano-item-open-link-button:active .pano-item-action-button-icon {
+  background-color: #3584e4;
+}
+
+.pano-item-favorite-button:active {
+  color: #f6d32d;
+}
+
+.pano-item-favorite-button:hover .pano-item-action-button-icon {
+  background-color: #f6d32d;
+  color: #454545;
+}
+
+.pano-item-remove-button:hover .pano-item-action-button-icon,
+.pano-item-remove-button:active .pano-item-action-button-icon {
+  background-color: #c01c28;
+}
+
+.pano-item-paste-content-button:hover .pano-item-action-button-icon {
+  background-color: #26a269;
+}
+
+.pano-favorite-icon {
+  padding: 6px;
+  width: 12px;
+  height: 12px;
+  border-radius: 999px;
+  color: rgba(255, 255, 255, 0.75);
+}
+
+/* Header */
+.pano-item-header {
+  border-radius: 12px 12px 0px 0px;
 }
 
 .pano-item-title-icon {
-  height: 32px;
-  width: 32px;
-  margin: 2px;
+  padding: 8px;
 }
 
 .pano-item-title {
-  padding: 0px;
-  margin: 0px;
+  font-weight: 600;
 }
 
-.pano-item-date {
-  padding: 0px;
-  margin: 0px;
+/* Body */
+.pano-item-body {
+  border-radius: 0px 0px 12px 12px;
 }
 
-.pano-item-body-file .file-icon {
-  padding: 0 4px;
+.pano-item-body:first-child {
+  border-radius: 12px;
 }
 
-.copied-files-container {
-  margin-right: 10px;
-  margin-left: 10px;
-  margin-top: 5px;
+/* Code Item */
+.pano-item-code .pano-item-body-code-content {
+  margin: 12px 16px;
+  tab-size: 2;
 }
 
-.pano-item-body-file .copied-file-name:first-child {
-  border-top: 0px !important;
+.pano-item-code.compact .pano-item-body-code-content {
+  margin: 8px 12px 2px 12px;
 }
 
-.pano-item-body-file .copied-file-name {
-  margin-bottom: 2px;
-  border-top: 1px solid rgba(63, 63, 63, 0.2);
+/* Link Item */
+.pano-item-link {
+  padding: 0px;
 }
 
-.pano-item-body-meta-container {
-  height: 50px;
-  padding: 10px;
-  border-radius: 0px 0px 5px 5px;
+.pano-item-link .image-container {
+  background-size: cover;
 }
 
-.pano-item-body-image-resolution-container {
-  border-bottom: 1px solid rgba(76, 76, 76);
-  padding-bottom: 5px;
+.pano-item-link.compact .image-container {
+  margin: 4px;
+  border-radius: 7px !important;
+}
+
+.pano-item-link .pano-item-body:first-child .image-container {
+  border-radius: 12px 12px 0px 0px;
 }
 
-.pano-item-body-image-size-container {
-  border-top: 1px solid rgb(76, 76, 76);
-  padding-top: 5px;
+.pano-item-link .meta-container {
+  padding: 10px;
+  border-radius: 0px 0px 12px 12px;
 }
 
-.pano-item-body-link-meta-container {
-  padding: 0px, 12px, 12px, 12px;
+.pano-item-link.compact .meta-container {
+  padding: 0 8px 0 4px;
+  border-radius: 0px 12px 12px 0px;
 }
 
-.pano-item-body-link .link-title-label {
+.pano-item-link .link-title-label {
   font-weight: bold;
 }
 
-.pano-item-body-link .link-label {
+.pano-item-link .link-label {
   margin-top: 5px;
 }
 
-.pano-item-action-button {
-  margin-left: 5px;
-  width: 20px;
-  height: 20px;
-  border-radius: 999px;
-  background-color: rgba(0, 0, 0, 0.3);
-  color: white;
+/* Text Item */
+.pano-item-text .pano-item-body-text-content {
+  margin: 22px;
+  tab-size: 2;
 }
 
-.pano-item-action-button-icon {
-  margin: 4px;
+.pano-item-text.compact .pano-item-body-text-content {
+  margin: 8px 12px 2px 12px;
 }
 
-.pano-item-open-link-button:hover,
-.pano-item-open-link-button:active {
-  background-color: #1d5ee9;
+/* Emoji Item */
+.pano-item-emoji .pano-item-body {
+  font-family: sans-serif;
+  tab-size: 2;
+  text-shadow: 0 0 5px #000;
 }
 
-.pano-item-remove-button:hover,
-.pano-item-remove-button:active {
-  background-color: #e01b24;
+/* Color Item */
+.pano-item-color .color-icon {
+  padding: 0 15px;
 }
 
-.pano-item-action-button-remove-icon {
-  width: 18px;
-  height: 18px;
-  margin: 2px;
+.pano-item-color .color-label {
+  font-weight: 900;
 }
 
-.pano-item-favorite-button:hover {
-  background-color: rgba(246, 211, 45, 0.3);
-  color: black;
+/* File Item */
+.pano-item-file .title-container {
+  margin: 8px 12px 0 12px;
+  height: 2.8em;
 }
 
-.pano-item-favorite-button:active {
-  background-color: #f6d32d;
-  color: black;
+.pano-item-file.no-preview .title-container {
+  height: auto;
+}
+
+.pano-item-file.compact .title-container {
+  margin-right: 8px;
+  height: auto;
+}
+
+.pano-item-file .title-icon {
+  margin: 5px 10px 5px 0;
+  width: 1.75em;
+  height: 1.75em;
+}
+
+.pano-item-file.no-preview .title-icon {
+  margin-bottom: 10px;
+}
+
+.pano-item-file.compact .title-icon {
+  margin: 0 0 2px 5px;
+  padding: 0;
+  width: 1.125em;
+  height: 1.125em;
+}
+
+.pano-item-file .title-label {
+  font-weight: 700;
 }
 
+.pano-item-file .copied-files-count {
+  font-size: 0.8em;
+}
+
+.pano-item-file .copied-file-preview {
+  margin: 10px;
+  margin-top: 7px;
+  border-radius: 12px;
+  border: 1px solid rgba(0, 0, 0, 0.36);
+}
+
+.pano-item-file .copied-file-preview-text {
+  padding: 5px 5px 0px 5px;
+}
+
+.pano-item-file .copied-file-preview-files .copied-file-name {
+  padding: 2px 10px;
+  border-top: 1px solid rgba(0, 0, 0, 0.36);
+}
+
+.pano-item-file .copied-file-preview-files .copied-file-name:first-child {
+  border-top: none;
+}
+
+/* Settings */
 .indicator-icon {
   padding: 0px;
   margin: 0px;
 }
-
-.pano-monitor-box {
-  background-color: transparent !important;
-}
diff --git a/src/types/hex-color-converter.d.ts b/src/types/hex-color-converter.d.ts
deleted file mode 100644
index ca1e596a..00000000
--- a/src/types/hex-color-converter.d.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-declare module 'hex-color-converter' {
-  /**
-     * @throw Error on invalid rgb colors
-     
-     */
-  export default function convert(rgbColor: string): string;
-}
diff --git a/src/utils/clipboardManager.ts b/src/utils/clipboardManager.ts
index 13752505..12667e73 100644
--- a/src/utils/clipboardManager.ts
+++ b/src/utils/clipboardManager.ts
@@ -208,7 +208,12 @@ export class ClipboardManager extends GObject.Object {
     this.lastCopiedContent = null;
   }
 
-  setContent({ content }: ClipboardContent): void {
+  setContent(clipboardContent: ClipboardContent, update = true): void {
+    if (!update) {
+      this.lastCopiedContent = clipboardContent;
+    }
+
+    const content = clipboardContent.content;
     const syncPrimary = this.settings.get_boolean('sync-primary');
     if (content.type === ContentType.TEXT) {
       if (syncPrimary) {
diff --git a/src/utils/color.ts b/src/utils/color.ts
new file mode 100644
index 00000000..38b9a93f
--- /dev/null
+++ b/src/utils/color.ts
@@ -0,0 +1,42 @@
+import Gio from '@girs/gio-2.0';
+import { isVisible } from '@pano/utils/ui';
+import colorString from 'color-string';
+
+// Calculate luminance and determine whether the color is dark or light
+export function isDark(color: string): boolean {
+  const [r, g, b, _] = colorString.get.rgb(color) ?? [0, 0, 0, 0];
+
+  function calculateChannel(c: number) {
+    c /= 255.0;
+    return c <= 0.04045 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
+  }
+
+  const L = 0.2126 * calculateChannel(r) + 0.7152 * calculateChannel(g) + 0.0722 * calculateChannel(b);
+  return L < 0.179;
+}
+
+export function mixColor(color1: string, color2: string): string {
+  const [r1, g1, b1, _] = colorString.get.rgb(color1);
+  const [r2, g2, b2, a] = colorString.get.rgb(color2);
+
+  const r = r1 * (1 - a) + r2 * a;
+  const g = g1 * (1 - a) + g2 * a;
+  const b = b1 * (1 - a) + b2 * a;
+
+  return colorString.to.rgb(r, g, b);
+}
+
+export function getItemBackgroundColor(settings: Gio.Settings, headerColor: string, bodyColor: string | null): string {
+  const windowColor = settings.get_boolean('is-in-incognito')
+    ? settings.get_string('incognito-window-background-color')
+    : settings.get_string('window-background-color');
+
+  // rgba(0, 0, 0, 0.1) is the box-shadow color
+  if (isVisible(settings.get_uint('header-style'))) {
+    return mixColor(mixColor(windowColor, 'rgba(0, 0, 0, 0.1)'), headerColor);
+  } else if (bodyColor === null) {
+    return windowColor;
+  } else {
+    return mixColor(mixColor(windowColor, 'rgba(0, 0, 0, 0.1)'), bodyColor);
+  }
+}
diff --git a/src/utils/panoItemFactory.ts b/src/utils/panoItemFactory.ts
index e25cbb09..33caf788 100644
--- a/src/utils/panoItemFactory.ts
+++ b/src/utils/panoItemFactory.ts
@@ -25,7 +25,8 @@ import {
   playAudio,
 } from '@pano/utils/shell';
 import { notify } from '@pano/utils/ui';
-import convert from 'hex-color-converter';
+import colorString from 'color-string';
+import Graphemer from 'graphemer';
 import hljs from 'highlight.js/lib/core';
 import bash from 'highlight.js/lib/languages/bash';
 import c from 'highlight.js/lib/languages/c';
@@ -54,7 +55,6 @@ import typescript from 'highlight.js/lib/languages/typescript';
 import yaml from 'highlight.js/lib/languages/yaml';
 import isUrl from 'is-url';
 import prettyBytes from 'pretty-bytes';
-import { validateHTMLColorHex, validateHTMLColorName, validateHTMLColorRgb } from 'validate-color';
 
 hljs.registerLanguage('python', python);
 hljs.registerLanguage('markdown', markdown);
@@ -238,11 +238,7 @@ const findOrCreateDbItem = async (ext: ExtensionBase, clip: ClipboardContent): P
 
         return linkDbItem;
       }
-      if (
-        validateHTMLColorHex(trimmedValue) ||
-        validateHTMLColorRgb(trimmedValue) ||
-        validateHTMLColorName(trimmedValue)
-      ) {
+      if (colorString.get.rgb(trimmedValue) !== null) {
         return db.save({
           content: trimmedValue,
           copyDate: new Date(),
@@ -254,7 +250,8 @@ const findOrCreateDbItem = async (ext: ExtensionBase, clip: ClipboardContent): P
       }
       const highlightResult = hljs.highlightAuto(trimmedValue.slice(0, 2000), SUPPORTED_LANGUAGES);
       if (highlightResult.relevance < 10) {
-        if (/^\p{Extended_Pictographic}*$/u.test(trimmedValue)) {
+        // Check if the text is a single grapheme
+        if (Graphemer.nextBreak(trimmedValue, 0) == trimmedValue.length) {
           return db.save({
             content: trimmedValue,
             copyDate: new Date(),
@@ -371,14 +368,6 @@ export const createPanoItemFromDb = (
   return panoItem;
 };
 
-function converter(color: string): string | null {
-  try {
-    return convert(color);
-  } catch (_err) {
-    return null;
-  }
-}
-
 export const removeItemResources = (ext: ExtensionBase, dbItem: DBItem) => {
   db.delete(dbItem.id);
   if (dbItem.itemType === 'LINK') {
@@ -428,18 +417,11 @@ const sendNotification = (ext: ExtensionBase, dbItem: DBItem) => {
   } else if (dbItem.itemType === 'COLOR') {
     // Create pixbuf from color
     const pixbuf = GdkPixbuf.Pixbuf.new(GdkPixbuf.Colorspace.RGB, true, 8, 1, 1);
-    let color: string | null = null;
-    // check if content has alpha
-    if (dbItem.content.includes('rgba')) {
-      color = converter(dbItem.content);
-    } else if (validateHTMLColorRgb(dbItem.content)) {
-      color = `${converter(dbItem.content)}ff`;
-    } else if (validateHTMLColorHex(dbItem.content)) {
-      color = `${dbItem.content}ff`;
-    }
 
+    // Parse the color
+    const color = colorString.get.rgb(dbItem.content);
     if (color) {
-      pixbuf.fill(parseInt(color.replace('#', '0x'), 16));
+      pixbuf.fill((color[0] << 24) | (color[1] << 16) | (color[2] << 8) | color[3]);
       notify(ext, _('Color Copied'), dbItem.content, pixbuf);
     }
   } else if (dbItem.itemType === 'FILE') {
diff --git a/src/utils/shell_compatibility.ts b/src/utils/shell_compatibility.ts
index 1164e434..2e04934c 100644
--- a/src/utils/shell_compatibility.ts
+++ b/src/utils/shell_compatibility.ts
@@ -34,6 +34,14 @@ export function orientationCompatibility(vertical: boolean): OrientationReturnTy
   return { vertical: vertical };
 }
 
+export function setOrientationCompatibility(container: St.BoxLayout, vertical: boolean): void {
+  if (stOrientationIsSupported()) {
+    container.vertical = vertical;
+  } else {
+    container.orientation = vertical ? Clutter.Orientation.VERTICAL : Clutter.Orientation.HORIZONTAL;
+  }
+}
+
 const global = Shell.Global.get();
 
 // GNOME < 48 version used to have this function, but instead of importing all types for that, just type that one manually
diff --git a/src/utils/ui.ts b/src/utils/ui.ts
index 1f84fa69..aeabc565 100644
--- a/src/utils/ui.ts
+++ b/src/utils/ui.ts
@@ -59,6 +59,8 @@ export const wiggle = (actor: Clutter.Actor, { offset, duration, wiggleCount }:
 
 export const wm = main.wm;
 
+export const getPointer = () => global.get_pointer();
+
 export const getMonitors = (): Monitor[] => main.layoutManager.monitors;
 
 export const getMonitorIndexForPointer = () => {
@@ -118,6 +120,7 @@ export const WINDOW_POSITIONS = {
   RIGHT: 1,
   BOTTOM: 2,
   LEFT: 3,
+  POINTER: 4,
 };
 
 export const getAlignment = (position: number): [Clutter.ActorAlign, Clutter.ActorAlign] => {
@@ -130,11 +133,34 @@ export const getAlignment = (position: number): [Clutter.ActorAlign, Clutter.Act
       return [Clutter.ActorAlign.FILL, Clutter.ActorAlign.END];
     case WINDOW_POSITIONS.LEFT:
       return [Clutter.ActorAlign.START, Clutter.ActorAlign.FILL];
+    case WINDOW_POSITIONS.POINTER:
+      return [Clutter.ActorAlign.START, Clutter.ActorAlign.START];
   }
 
   return [Clutter.ActorAlign.FILL, Clutter.ActorAlign.END];
 };
 
 export const isVertical = (position: number) => {
-  return position === WINDOW_POSITIONS.LEFT || position === WINDOW_POSITIONS.RIGHT;
+  return (
+    position === WINDOW_POSITIONS.LEFT || position === WINDOW_POSITIONS.RIGHT || position === WINDOW_POSITIONS.POINTER
+  );
+};
+
+export const HEADER_STYLES = {
+  HIDDEN: 0,
+  VISIBLE: 1,
+  COMPACT: 2,
 };
+
+export const getHeaderHeight = (style: number) => {
+  switch (style) {
+    case HEADER_STYLES.VISIBLE:
+      return 48;
+    case HEADER_STYLES.COMPACT:
+      return 32;
+    default:
+      return 0;
+  }
+};
+
+export const isVisible = (style: number) => style !== HEADER_STYLES.HIDDEN;
diff --git a/yarn.lock b/yarn.lock
index 9878a9ed..3d8d1a4a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1119,6 +1119,11 @@
   resolved "https://registry.yarnpkg.com/@tsconfig/strictest/-/strictest-2.0.5.tgz#2cbc67f207ba87fdec2a84ad79b1708cf4edd93b"
   integrity sha512-ec4tjL2Rr0pkZ5hww65c+EEPYwxOi4Ryv+0MtjeaSQRJyq322Q27eOQiFbuNgw2hpL4hB1/W/HBGk3VKS43osg==
 
+"@types/color-string@^1.5.5":
+  version "1.5.5"
+  resolved "https://registry.yarnpkg.com/@types/color-string/-/color-string-1.5.5.tgz#db38c62473c76eda9696ffb3c093b9dc8e9dceea"
+  integrity sha512-p9+C1ssJsjnHV8nn96rkimm2h90LclLIwgBfiMCHW0oUr6jLmB+wzZUEGJPduB/D2RzI2Ahoe69xKNOawX6jgw==
+
 "@types/conventional-commits-parser@^5.0.0":
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/@types/conventional-commits-parser/-/conventional-commits-parser-5.0.1.tgz#8cb81cf170853496cbc501a3b32dcf5e46ffb61a"
@@ -1549,11 +1554,19 @@ color-convert@^2.0.1:
   dependencies:
     color-name "~1.1.4"
 
-color-name@~1.1.4:
+color-name@^1.0.0, color-name@~1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
+color-string@^1.9.1:
+  version "1.9.1"
+  resolved "https://registry.yarnpkg.com/color-string/-/color-string-1.9.1.tgz#4467f9146f036f855b764dfb5bf8582bf342c7a4"
+  integrity sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==
+  dependencies:
+    color-name "^1.0.0"
+    simple-swizzle "^0.2.2"
+
 color-support@^1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/color-support/-/color-support-1.1.3.tgz#93834379a1cc9a0c61f82f52f0d04322251bd5a2"
@@ -2331,18 +2344,6 @@ hasown@^2.0.2:
   dependencies:
     function-bind "^1.1.2"
 
-hex-color-converter@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/hex-color-converter/-/hex-color-converter-0.2.1.tgz#db599ede9c05288fe1d8a893f9d32cca8901c5d3"
-  integrity sha512-qPFCmsTMzinuM38zf285o/MbZr1Cu4qq9/t0IQ/xn1SH247J8auSmqJsjx5WL4uUgNuhRkjKxW5oHUlyEDsezg==
-  dependencies:
-    hex-color-opacity "^0.3.0"
-
-hex-color-opacity@^0.3.0:
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/hex-color-opacity/-/hex-color-opacity-0.3.2.tgz#37db36ea44019836a4582e5b0197e636de4108cb"
-  integrity sha512-gx4bDXXtz+n6EqHxlvf8QPGpUWh3p1eGH8sQOTWoejMUgw+TJG1fyAivjIHBVYz2piyWJ0rzMDkhYYqKOI1ZHg==
-
 highlight.js@*, highlight.js@^11.9.0:
   version "11.11.1"
   resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-11.11.1.tgz#fca06fa0e5aeecf6c4d437239135fabc15213585"
@@ -2426,6 +2427,11 @@ is-arrayish@^0.2.1:
   resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
   integrity sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==
 
+is-arrayish@^0.3.1:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.3.2.tgz#4574a2ae56f7ab206896fb431eaeed066fdf8f03"
+  integrity sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==
+
 is-core-module@^2.16.0:
   version "2.16.1"
   resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.16.1.tgz#2a98801a849f43e2add644fbb6bc6229b19a4ef4"
@@ -3442,6 +3448,13 @@ signal-exit@^4.0.1:
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-4.1.0.tgz#952188c1cbd546070e2dd20d0f41c0ae0530cb04"
   integrity sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==
 
+simple-swizzle@^0.2.2:
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/simple-swizzle/-/simple-swizzle-0.2.2.tgz#a4da6b635ffcccca33f70d17cb92592de95e557a"
+  integrity sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==
+  dependencies:
+    is-arrayish "^0.3.1"
+
 skip-regex@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/skip-regex/-/skip-regex-1.0.2.tgz#ac655d77e7c771ac2b9f37585fea37bff56ad65b"
@@ -3711,10 +3724,6 @@ v8-compile-cache-lib@^3.0.1:
   resolved "https://registry.yarnpkg.com/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz#6336e8d71965cb3d35a1bbb7868445a7c05264bf"
   integrity sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==
 
-"validate-color@https://gitpkg.now.sh/dreamyguy/validate-color/src/validate-color":
-  version "0.0.0"
-  resolved "https://gitpkg.now.sh/dreamyguy/validate-color/src/validate-color#9e890cb48fed5e22027a67d98750232c4ce780f6"
-
 vinyl@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/vinyl/-/vinyl-3.0.0.tgz#11e14732bf56e2faa98ffde5157fe6c13259ff30"