diff --git a/src/pages/proposals.css b/src/pages/proposals.css
index 401f6360a..4b3cf2ab8 100644
--- a/src/pages/proposals.css
+++ b/src/pages/proposals.css
@@ -40,6 +40,10 @@
   .ProposalsPage__Container .ActionableLayout {
     min-height: 300px;
   }
+
+  .ProposalsPage__Sidebar {
+    display: none;
+  }
 }
 
 @media only screen and (min-width: 768px) {
diff --git a/src/pages/proposals.tsx b/src/pages/proposals.tsx
index 2fff970c3..5cdc03581 100644
--- a/src/pages/proposals.tsx
+++ b/src/pages/proposals.tsx
@@ -117,15 +117,15 @@ export default function ProposalsPage() {
           </NotMobile>
         )}
         <div className="ProposalsPage__Container">
-          <NotMobile>
-            <div className="ProposalsPage__Sidebar">
+          <div className="ProposalsPage__Sidebar">
+            <NotMobile>
               <div>
                 <CategoryFilter filterType={ProposalType} />
                 <StatusFilter statusType={ProposalStatus} />
                 <TimeFrameFilter />
               </div>
-            </div>
-          </NotMobile>
+            </NotMobile>
+          </div>
           <div className="ProposalsPage__Content">
             {proposals && (
               <Mobile>