diff --git a/packages/client/src/pages/PortalSettings/categories/developer-tools/JavascriptSDK/index.js b/packages/client/src/pages/PortalSettings/categories/developer-tools/JavascriptSDK/index.js
index 31bb7cac35..fe966438dd 100644
--- a/packages/client/src/pages/PortalSettings/categories/developer-tools/JavascriptSDK/index.js
+++ b/packages/client/src/pages/PortalSettings/categories/developer-tools/JavascriptSDK/index.js
@@ -15,18 +15,21 @@ import { Text } from "@docspace/shared/components/text";
import CSP from "./sub-components/csp";
import PresetTile from "./sub-components/PresetTile";
-import SimpleRoomImg from "PUBLIC_DIR/images/sdk-presets_simple-room.react.svg?url";
-import ManagerImg from "PUBLIC_DIR/images/sdk-presets_manager.react.svg?url";
+import DocspaceImg from "PUBLIC_DIR/images/sdk-presets_docspace.react.svg?url";
+import PublicRoomImg from "PUBLIC_DIR/images/sdk-presets_public-room.react.svg?url";
import RoomSelectorImg from "PUBLIC_DIR/images/sdk-presets_room-selector.react.svg?url";
import FileSelectorImg from "PUBLIC_DIR/images/sdk-presets_file-selector.react.svg?url";
import EditorImg from "PUBLIC_DIR/images/sdk-presets_editor.react.svg?url";
import ViewerImg from "PUBLIC_DIR/images/sdk-presets_viewer.react.svg?url";
-import SimpleRoomImgDark from "PUBLIC_DIR/images/sdk-presets_simple-room_dark.react.svg?url";
-import ManagerImgDark from "PUBLIC_DIR/images/sdk-presets_manager_dark.react.svg?url";
+import CustomImg from "PUBLIC_DIR/images/sdk-presets_custom.react.svg?url";
+
+import DocspaceImgDark from "PUBLIC_DIR/images/sdk-presets_docspace_dark.react.svg?url";
+import PublicRoomImgDark from "PUBLIC_DIR/images/sdk-presets_public-room_dark.react.svg?url";
import RoomSelectorImgDark from "PUBLIC_DIR/images/sdk-presets_room-selector_dark.react.svg?url";
import FileSelectorImgDark from "PUBLIC_DIR/images/sdk-presets_file-selector_dark.react.svg?url";
import EditorImgDark from "PUBLIC_DIR/images/sdk-presets_editor_dark.react.svg?url";
import ViewerImgDark from "PUBLIC_DIR/images/sdk-presets_viewer_dark.react.svg?url";
+import CustomImgDark from "PUBLIC_DIR/images/sdk-presets_custom_dark.react.svg?url";
const SDKContainer = styled(Box)`
@media ${tablet} {
diff --git a/public/images/sdk-presets_custom.react.svg b/public/images/sdk-presets_custom.react.svg
new file mode 100644
index 0000000000..25cafc4897
--- /dev/null
+++ b/public/images/sdk-presets_custom.react.svg
@@ -0,0 +1,9 @@
+
diff --git a/public/images/sdk-presets_custom_dark.react.svg b/public/images/sdk-presets_custom_dark.react.svg
new file mode 100644
index 0000000000..735b018258
--- /dev/null
+++ b/public/images/sdk-presets_custom_dark.react.svg
@@ -0,0 +1,9 @@
+
diff --git a/public/images/sdk-presets_docspace.react.svg b/public/images/sdk-presets_docspace.react.svg
new file mode 100644
index 0000000000..46b7925515
--- /dev/null
+++ b/public/images/sdk-presets_docspace.react.svg
@@ -0,0 +1,9 @@
+
diff --git a/public/images/sdk-presets_docspace_dark.react.svg b/public/images/sdk-presets_docspace_dark.react.svg
new file mode 100644
index 0000000000..ab88c478cd
--- /dev/null
+++ b/public/images/sdk-presets_docspace_dark.react.svg
@@ -0,0 +1,14 @@
+
diff --git a/public/images/sdk-presets_editor.react.svg b/public/images/sdk-presets_editor.react.svg
index 2b01991daa..24e67d130f 100644
--- a/public/images/sdk-presets_editor.react.svg
+++ b/public/images/sdk-presets_editor.react.svg
@@ -2,8 +2,8 @@
-
+
-
+
diff --git a/public/images/sdk-presets_editor_dark.react.svg b/public/images/sdk-presets_editor_dark.react.svg
index 0a0bbfae3c..07d94f7163 100644
--- a/public/images/sdk-presets_editor_dark.react.svg
+++ b/public/images/sdk-presets_editor_dark.react.svg
@@ -2,8 +2,8 @@
-
+
-
+
diff --git a/public/images/sdk-presets_file-selector.react.svg b/public/images/sdk-presets_file-selector.react.svg
index ab0ee4ed7c..73e91f90fb 100644
--- a/public/images/sdk-presets_file-selector.react.svg
+++ b/public/images/sdk-presets_file-selector.react.svg
@@ -2,8 +2,8 @@
-
+
-
+
diff --git a/public/images/sdk-presets_file-selector_dark.react.svg b/public/images/sdk-presets_file-selector_dark.react.svg
index 6ace30a4cc..bde22b64a3 100644
--- a/public/images/sdk-presets_file-selector_dark.react.svg
+++ b/public/images/sdk-presets_file-selector_dark.react.svg
@@ -2,8 +2,8 @@
-
+
-
+
diff --git a/public/images/sdk-presets_manager.react.svg b/public/images/sdk-presets_manager.react.svg
deleted file mode 100644
index dc2abc82c6..0000000000
--- a/public/images/sdk-presets_manager.react.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-
diff --git a/public/images/sdk-presets_manager_dark.react.svg b/public/images/sdk-presets_manager_dark.react.svg
deleted file mode 100644
index 39bb35134e..0000000000
--- a/public/images/sdk-presets_manager_dark.react.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-
diff --git a/public/images/sdk-presets_public-room.react.svg b/public/images/sdk-presets_public-room.react.svg
new file mode 100644
index 0000000000..080b7d8921
--- /dev/null
+++ b/public/images/sdk-presets_public-room.react.svg
@@ -0,0 +1,9 @@
+
diff --git a/public/images/sdk-presets_public-room_dark.react.svg b/public/images/sdk-presets_public-room_dark.react.svg
new file mode 100644
index 0000000000..5a8acf56a1
--- /dev/null
+++ b/public/images/sdk-presets_public-room_dark.react.svg
@@ -0,0 +1,9 @@
+
diff --git a/public/images/sdk-presets_room-selector.react.svg b/public/images/sdk-presets_room-selector.react.svg
index c503a3466c..a1deb3b2bc 100644
--- a/public/images/sdk-presets_room-selector.react.svg
+++ b/public/images/sdk-presets_room-selector.react.svg
@@ -2,8 +2,8 @@
-
+
-
+
diff --git a/public/images/sdk-presets_room-selector_dark.react.svg b/public/images/sdk-presets_room-selector_dark.react.svg
index 3d65bf624a..5717bb4668 100644
--- a/public/images/sdk-presets_room-selector_dark.react.svg
+++ b/public/images/sdk-presets_room-selector_dark.react.svg
@@ -2,8 +2,8 @@
-
+
-
+
diff --git a/public/images/sdk-presets_simple-room.react.svg b/public/images/sdk-presets_simple-room.react.svg
deleted file mode 100644
index bd5d604649..0000000000
--- a/public/images/sdk-presets_simple-room.react.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-
diff --git a/public/images/sdk-presets_simple-room_dark.react.svg b/public/images/sdk-presets_simple-room_dark.react.svg
deleted file mode 100644
index 082eb62419..0000000000
--- a/public/images/sdk-presets_simple-room_dark.react.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-
diff --git a/public/images/sdk-presets_viewer.react.svg b/public/images/sdk-presets_viewer.react.svg
index a1ce82c934..2e3a2d7f3d 100644
--- a/public/images/sdk-presets_viewer.react.svg
+++ b/public/images/sdk-presets_viewer.react.svg
@@ -2,8 +2,8 @@
-
+
-
+
diff --git a/public/images/sdk-presets_viewer_dark.react.svg b/public/images/sdk-presets_viewer_dark.react.svg
index 4b1a9ee67d..7fde977d1d 100644
--- a/public/images/sdk-presets_viewer_dark.react.svg
+++ b/public/images/sdk-presets_viewer_dark.react.svg
@@ -2,8 +2,8 @@
-
+
-
+