diff --git a/src/shared/Layout.jsx b/src/shared/Layout.jsx
index 64ec50ff..3c47077f 100644
--- a/src/shared/Layout.jsx
+++ b/src/shared/Layout.jsx
@@ -23,7 +23,7 @@ export default function Layout() {
     <div className="flex min-h-screen flex-col gap-4 bg-background text-foreground">
       <div className="flex flex-1">
         {showSidebar && (
-          <div className="sticky top-0 flex max-h-screen w-64 flex-col overflow-y-scroll rounded-br-lg border-b border-e border-outline bg-content1 lg:overflow-hidden">
+          <div className="sticky top-0 flex max-h-screen w-80 flex-col overflow-y-scroll rounded-br-lg border-b border-e border-outline bg-content1 lg:overflow-hidden">
             <Sidebar />
           </div>
         )}
diff --git a/src/shared/Sidebar.jsx b/src/shared/Sidebar.jsx
index e6635c71..07421c8e 100644
--- a/src/shared/Sidebar.jsx
+++ b/src/shared/Sidebar.jsx
@@ -46,6 +46,22 @@ export default function Sidebar({ onOpenChange }) {
           );
         })}
       </nav>
+      <div className="mx-5 mb-5 flex flex-col gap-y-2 rounded-sm bg-content2 p-3">
+        <span className="text-foreground-1">Support Us</span>
+        <p className="text-xs text-foreground-2">
+          take advantage of all the features in one glanceand any other text.
+          Lets add another line here.
+        </p>
+
+        <Button
+          className="rounded-md border border-foreground-2"
+          onPress={() => navigate('/subscriptions')}
+          variant="bordered"
+        >
+          Support Us
+        </Button>
+      </div>
+
       <div className="basis-0 px-5 pb-5">
         <SignedOut>
           <Button