diff --git a/frontend/less/espo/custom.less b/frontend/less/espo/custom.less
index a8953eac14..665a28dbdc 100644
--- a/frontend/less/espo/custom.less
+++ b/frontend/less/espo/custom.less
@@ -3813,32 +3813,7 @@ a.close {
     background-color: var(--white-color);
 }
 
-@supports not selector(::-webkit-scrollbar) {
-    .dashlet > .dashlet-body,
-    .list-kanban-container {
-        scrollbar-width: thin;
-    }
-
-    * {
-        scrollbar-width: auto;
-        scrollbar-color: var(--scroll-thumb-bg) var(--scroll-bg);
-    }
-}
-
-*::-webkit-scrollbar {
-    height: var(--scroll-width);
-    width: var(--scroll-width);
-}
-
-*::-webkit-scrollbar-track {
-    background: var(--scroll-bg);
-}
-
-*::-webkit-scrollbar-thumb {
-    background-color: var(--scroll-thumb-bg);
-    border-radius: 0;
-    border: var(--scroll-border-width) solid var(--scroll-bg);
-}
+@import "elements/scrollbar.less";
 
 body:has(.modal-backdrop) {
     .collapsed-modal-bar {
diff --git a/frontend/less/espo/elements/scrollbar.less b/frontend/less/espo/elements/scrollbar.less
new file mode 100644
index 0000000000..83165d68b4
--- /dev/null
+++ b/frontend/less/espo/elements/scrollbar.less
@@ -0,0 +1,26 @@
+@supports not selector(::-webkit-scrollbar) {
+    .dashlet > .dashlet-body,
+    .list-kanban-container {
+        scrollbar-width: thin;
+    }
+
+    * {
+        scrollbar-width: auto;
+        scrollbar-color: var(--scroll-thumb-bg) var(--scroll-bg);
+    }
+}
+
+*::-webkit-scrollbar {
+    height: var(--scroll-width);
+    width: var(--scroll-width);
+}
+
+*::-webkit-scrollbar-track {
+    background: var(--scroll-bg);
+}
+
+*::-webkit-scrollbar-thumb {
+    background-color: var(--scroll-thumb-bg);
+    border-radius: 0;
+    border: var(--scroll-border-width) solid var(--scroll-bg);
+}
diff --git a/frontend/less/espo/iframe/iframe.less b/frontend/less/espo/iframe/iframe.less
index a45a465ee1..fc050bcfca 100644
--- a/frontend/less/espo/iframe/iframe.less
+++ b/frontend/less/espo/iframe/iframe.less
@@ -1,3 +1,4 @@
+@import "../elements/scrollbar.less";
 
 body, table {
     font-size: var(--font-size-base);
@@ -89,3 +90,5 @@ pre {
         border-radius: 0;
     }
 }
+
+