diff --git a/pages/docs/approval-scheme.js b/pages/docs/approval-scheme.js
index 661c410..aeb5114 100644
--- a/pages/docs/approval-scheme.js
+++ b/pages/docs/approval-scheme.js
@@ -23,18 +23,23 @@ export default function ApprovalScheme() {
                          <td className="text-center">1</td>
                          <td>CC meeting notes, etc</td>
                     </tr>
+                    <tr>
+                        <td><Link href="https://github.com/grincc/hub"><a>hub</a></Link> </td>
+                         <td className="text-center">1</td>
+                         <td>code, tools, sites, memes, marketing, art</td>
+                    </tr>
                     <tr>
                         <td><Link href="https://github.com/grincc/security"><a>security</a></Link> </td>
                         <td  className="text-center">4</td>
                         <td>signing, verifying</td>
                     </tr>
                     <tr>
-                        <td><Link href="https://github.com/grincc/finance"><a>agenda</a></Link> </td>
+                        <td><Link href="https://github.com/grincc/finance"><a>finance</a></Link> </td>
                         <td  className="text-center">4</td>
                         <td>public CC fund documentation</td>
                     </tr>
                     <tr>
-                        <td><Link href="https://github.com/grincc/docs"><a>agenda</a></Link> </td>
+                        <td><Link href="https://github.com/grincc/docs"><a>docs</a></Link> </td>
                         <td  className="text-center">2</td>
                         <td>CC related documents</td>
                     </tr>
@@ -44,4 +49,4 @@ export default function ApprovalScheme() {
 
         </div>
     )
-}
\ No newline at end of file
+}
diff --git a/pages/hub/index.js b/pages/hub/index.js
index 7653c37..00bc304 100644
--- a/pages/hub/index.js
+++ b/pages/hub/index.js
@@ -360,7 +360,6 @@ export default function Hub() {
                     <li><RhombusItem /><a href="https://grinmint.com/" className="text-primary pl-2">Grinmint</a></li>
                     <li><RhombusItem /><a href="https://solo-grin.2miners.com/" className="text-primary pl-2">2Miners SOLO</a></li>
                     <li><RhombusItem /><a href="https://grin.herominers.com/" className="text-primary pl-2">HeroMiners</a></li>
-                    <li><RhombusItem /><a href="https://woolypooly.com/" className="text-primary pl-2">WoolyPooly</a></li>
                 </ul>
             </div>
 
diff --git a/pages/pages/docs/styles.module.css b/pages/pages/docs/styles.module.css
new file mode 100644
index 0000000..017e908
--- /dev/null
+++ b/pages/pages/docs/styles.module.css
@@ -0,0 +1,55 @@
+.my-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start; /* Update to align items to the top */
+  width: 100%;
+  min-height: 100vh; /* Update to min-height to ensure content is at the top */
+  padding-top: 50px; /* Adjust the value to increase or decrease the space at the top */
+}
+
+.header-1 {
+  margin-top: 10px;
+  margin-bottom: 50px;
+  font-size: 2em;
+  font-weight: bold;
+  color: var(--text-color);
+}
+
+.yellow-header {
+  background-color: #fef102;
+}
+
+.content {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start; /* Update to align text to the left */
+  gap: 20px;
+  text-align: center;
+}
+
+.paragraph {
+  width: 100%;
+  text-align: start;
+}
+
+.table {
+  table-layout: auto;
+  font-size: 1em;
+  width: max-content;
+  padding: 10px;
+}
+
+.border-frame {
+  border: 1px solid black;
+}
+
+.border-frame td,
+.border-frame th {
+  border: 2px solid black;
+}
+
+.dark {
+  background-color: var(--dark-background); /* Add dark background color variable */
+  color: var(--dark-text-color); /* Add dark text color variable */
+}