diff --git a/packages/volto/news/6492.bugfix b/packages/volto/news/6492.bugfix
new file mode 100644
index 0000000000..42c9bff724
--- /dev/null
+++ b/packages/volto/news/6492.bugfix
@@ -0,0 +1 @@
+The Order side panel now renders only when the "Order" tab is active. Previously, the panel would render unnecessarily even when inactive. @Abhishek-17h
\ No newline at end of file
diff --git a/packages/volto/src/components/manage/Blocks/Block/BlocksForm.jsx b/packages/volto/src/components/manage/Blocks/Block/BlocksForm.jsx
index a8fd1e7c05..8e8487eaf1 100644
--- a/packages/volto/src/components/manage/Blocks/Block/BlocksForm.jsx
+++ b/packages/volto/src/components/manage/Blocks/Block/BlocksForm.jsx
@@ -276,6 +276,7 @@ const BlocksForm = (props) => {
     <>
       {isMainForm &&
         isClient &&
+        document.getElementById('sidebar-order') &&
         createPortal(
           <div>
             <Order
@@ -353,7 +354,6 @@ const BlocksForm = (props) => {
                 editable,
                 showBlockChooser: selectedBlock === childId,
                 detached: isContainer,
-                // Properties to pass to the BlocksForm to match the View ones
                 content: properties,
                 history,
                 location,
@@ -373,5 +373,4 @@ const BlocksForm = (props) => {
     </>
   );
 };
-
 export default BlocksForm;
diff --git a/packages/volto/src/components/manage/Sidebar/Sidebar.jsx b/packages/volto/src/components/manage/Sidebar/Sidebar.jsx
index 9e2943b7af..a2fc7cb13c 100644
--- a/packages/volto/src/components/manage/Sidebar/Sidebar.jsx
+++ b/packages/volto/src/components/manage/Sidebar/Sidebar.jsx
@@ -10,6 +10,7 @@ import BodyClass from '@plone/volto/helpers/BodyClass/BodyClass';
 import { getCookieOptions } from '@plone/volto/helpers/Cookies/cookies';
 import Icon from '@plone/volto/components/theme/Icon/Icon';
 import forbiddenSVG from '@plone/volto/icons/forbidden.svg';
+import loaderSVG from '@plone/volto/icons/loader.svg';
 import { setSidebarTab } from '@plone/volto/actions/sidebar/sidebar';
 import expandSVG from '@plone/volto/icons/left-key.svg';
 import collapseSVG from '@plone/volto/icons/right-key.svg';
@@ -57,6 +58,7 @@ const Sidebar = (props) => {
   );
   const [size] = useState(0);
   const [showFull, setshowFull] = useState(true);
+  const [isOrderTabRendered, setIsOrderTabRendered] = useState(false);
 
   const tab = useSelector((state) => state.sidebar.tab);
   const toolbarExpanded = useSelector((state) => state.toolbar.expanded);
@@ -101,6 +103,10 @@ const Sidebar = (props) => {
   const onTabChange = (event, data) => {
     event.nativeEvent.stopImmediatePropagation();
     dispatch(setSidebarTab(data.activeIndex));
+
+    if (data.activeIndex === 2) {
+      setIsOrderTabRendered(true);
+    }
   };
 
   return (
@@ -186,19 +192,16 @@ const Sidebar = (props) => {
             },
             !!orderTab && {
               menuItem: intl.formatMessage(messages.order),
-              pane: (
-                <Tab.Pane
-                  key="order"
-                  className="tab-wrapper"
-                  id="sidebar-order"
-                >
-                  <Icon
-                    className="tab-forbidden"
-                    name={forbiddenSVG}
-                    size="48px"
-                  />
-                </Tab.Pane>
-              ),
+              pane:
+                isOrderTabRendered || tab === 2 ? (
+                  <Tab.Pane
+                    key="order"
+                    className="tab-wrapper"
+                    id="sidebar-order"
+                  >
+                    <Icon className="tab-loader" name={loaderSVG} size="60px" />
+                  </Tab.Pane>
+                ) : null,
             },
             !!settingsTab && {
               menuItem: intl.formatMessage(messages.settings),
diff --git a/packages/volto/src/components/manage/Sidebar/__snapshots__/Sidebar.test.jsx.snap b/packages/volto/src/components/manage/Sidebar/__snapshots__/Sidebar.test.jsx.snap
index 429e9a9d30..f7d1fd2fd9 100644
--- a/packages/volto/src/components/manage/Sidebar/__snapshots__/Sidebar.test.jsx.snap
+++ b/packages/volto/src/components/manage/Sidebar/__snapshots__/Sidebar.test.jsx.snap
@@ -87,29 +87,6 @@ Array [
           xmlns=""
         />
       </div>
-      <div
-        className="ui bottom attached segment tab tab-wrapper"
-        id="sidebar-order"
-      >
-        <svg
-          className="icon tab-forbidden"
-          dangerouslySetInnerHTML={
-            Object {
-              "__html": undefined,
-            }
-          }
-          onClick={null}
-          style={
-            Object {
-              "fill": "currentColor",
-              "height": "48px",
-              "width": "auto",
-            }
-          }
-          viewBox=""
-          xmlns=""
-        />
-      </div>
     </div>
   </div>,
   <div
diff --git a/packages/volto/src/icons/loader.svg b/packages/volto/src/icons/loader.svg
new file mode 100644
index 0000000000..fdce82311d
--- /dev/null
+++ b/packages/volto/src/icons/loader.svg
@@ -0,0 +1,43 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
+  <radialGradient id="a11" cx=".66" fx=".66" cy=".3125" fy=".3125" gradientTransform="scale(1.5)">
+    <stop offset="0" stop-color="#BAC5C7"></stop>
+    <stop offset=".3" stop-color="#BAC5C7" stop-opacity=".9"></stop>
+    <stop offset=".6" stop-color="#BAC5C7" stop-opacity=".6"></stop>
+    <stop offset=".8" stop-color="#BAC5C7" stop-opacity=".3"></stop>
+    <stop offset="1" stop-color="#BAC5C7" stop-opacity="0"></stop>
+  </radialGradient>
+  <circle
+    transform-origin="center"
+    fill="none"
+    stroke="url(#a11)"
+    stroke-width="15"
+    stroke-linecap="round"
+    stroke-dasharray="200 1000"
+    stroke-dashoffset="0"
+    cx="100"
+    cy="100"
+    r="70"
+  >
+    <animateTransform
+      type="rotate"
+      attributeName="transform"
+      calcMode="spline"
+      dur="2"
+      values="360;0"
+      keyTimes="0;1"
+      keySplines="0 0 1 1"
+      repeatCount="indefinite"
+    ></animateTransform>
+  </circle>
+  <circle
+    transform-origin="center"
+    fill="none"
+    opacity=".2"
+    stroke="#BAC5C7"
+    stroke-width="15"
+    stroke-linecap="round"
+    cx="100"
+    cy="100"
+    r="70"
+  ></circle>
+</svg>
diff --git a/packages/volto/theme/themes/pastanaga/extras/sidebar.less b/packages/volto/theme/themes/pastanaga/extras/sidebar.less
index 5931049d89..8e2674a702 100644
--- a/packages/volto/theme/themes/pastanaga/extras/sidebar.less
+++ b/packages/volto/theme/themes/pastanaga/extras/sidebar.less
@@ -213,6 +213,11 @@
     color: #bac5c7;
   }
 
+  .tab-loader {
+    margin: calc(50% - 24px) auto;
+    color: #bac5c7;
+  }
+
   header {
     display: flex;
     height: 60px;