diff --git a/docs/_snippets/features/custom-highlight-colors-inline.js b/docs/_snippets/features/custom-highlight-colors-inline.js
index aa0b88d..f090e27 100644
--- a/docs/_snippets/features/custom-highlight-colors-inline.js
+++ b/docs/_snippets/features/custom-highlight-colors-inline.js
@@ -14,7 +14,7 @@ ClassicEditor
 			items: [
 				'heading', '|', 'bulletedList', 'numberedList', 'highlight', 'undo', 'redo'
 			],
-			viewportTopOffset: 100
+			viewportTopOffset: window.getViewportTopOffsetConfig()
 		},
 		highlight: {
 			options: [
diff --git a/docs/_snippets/features/custom-highlight-colors-variables.js b/docs/_snippets/features/custom-highlight-colors-variables.js
index c1f249a..2725ed5 100644
--- a/docs/_snippets/features/custom-highlight-colors-variables.js
+++ b/docs/_snippets/features/custom-highlight-colors-variables.js
@@ -14,7 +14,7 @@ ClassicEditor
 			items: [
 				'heading', '|', 'bulletedList', 'numberedList', 'highlight', 'undo', 'redo'
 			],
-			viewportTopOffset: 100
+			viewportTopOffset: window.getViewportTopOffsetConfig()
 		},
 		highlight: {
 			options: [
diff --git a/docs/_snippets/features/custom-highlight-options.js b/docs/_snippets/features/custom-highlight-options.js
index 9ab4198..f105a2d 100644
--- a/docs/_snippets/features/custom-highlight-options.js
+++ b/docs/_snippets/features/custom-highlight-options.js
@@ -14,7 +14,7 @@ ClassicEditor
 			items: [
 				'heading', '|', 'bulletedList', 'numberedList', 'highlight', 'undo', 'redo'
 			],
-			viewportTopOffset: 100
+			viewportTopOffset: window.getViewportTopOffsetConfig()
 		},
 		highlight: {
 			options: [
diff --git a/docs/_snippets/features/highlight-buttons.js b/docs/_snippets/features/highlight-buttons.js
index 57178f3..d80f268 100644
--- a/docs/_snippets/features/highlight-buttons.js
+++ b/docs/_snippets/features/highlight-buttons.js
@@ -15,7 +15,7 @@ ClassicEditor
 				'heading', '|', 'highlight:yellowMarker', 'highlight:greenMarker', 'highlight:pinkMarker',
 				'highlight:greenPen', 'highlight:redPen', 'removeHighlight', '|', 'undo', 'redo'
 			],
-			viewportTopOffset: 100
+			viewportTopOffset: window.getViewportTopOffsetConfig()
 		}
 	} )
 	.then( editor => {
diff --git a/docs/_snippets/features/highlight.js b/docs/_snippets/features/highlight.js
index 31810ac..a6e62ff 100644
--- a/docs/_snippets/features/highlight.js
+++ b/docs/_snippets/features/highlight.js
@@ -14,7 +14,7 @@ ClassicEditor
 			items: [
 				'heading', '|', 'bulletedList', 'numberedList', 'highlight', 'undo', 'redo'
 			],
-			viewportTopOffset: 100
+			viewportTopOffset: window.getViewportTopOffsetConfig()
 		}
 	} )
 	.then( editor => {