diff --git a/src/index.css b/src/index.css
index 8ad31b90..89573c45 100644
--- a/src/index.css
+++ b/src/index.css
@@ -130,3 +130,9 @@ ul li {
     background-color: #f9f9f9;
   }
 }
+
+@media (max-width: 900px) {
+  .right-sidebar-wrapper {
+    display: none;
+  }
+}
diff --git a/src/pages/ValidatorManagement/ValidatorManagement.tsx b/src/pages/ValidatorManagement/ValidatorManagement.tsx
index 46474a20..c57a7140 100644
--- a/src/pages/ValidatorManagement/ValidatorManagement.tsx
+++ b/src/pages/ValidatorManagement/ValidatorManagement.tsx
@@ -9,7 +9,9 @@ const ValidatorManagement = () => {
     <XStack style={{ height: '100vh' }}>
       <LeftSidebar />
       <ValidatorManagementContent />
-      <RightSidebar />
+      <div className="right-sidebar-wrapper">
+        <RightSidebar />
+      </div>
     </XStack>
   )
 }