diff --git a/frontend/src/Editor/Container.jsx b/frontend/src/Editor/Container.jsx
index d53fa7d31c..29ccc02690 100644
--- a/frontend/src/Editor/Container.jsx
+++ b/frontend/src/Editor/Container.jsx
@@ -235,7 +235,7 @@ export const Container = ({
       )}
 
       {Object.keys(boxes).length === 0 && !appLoading && !isDragging && (
-        <div className="mx-auto mt-5 w-50 p-5 bg-light no-components-box">
+        <div className="mx-auto w-50 p-5 bg-light no-components-box" style={{ marginTop: '15%' }}>
           <center className="text-muted">You haven&apos;t added any components yet. Drag components from the right sidebar and drop here.</center>
         </div>
       )}