diff --git a/app/views/content/show.html.erb b/app/views/content/show.html.erb
index 2dda0d28..b32f13e0 100644
--- a/app/views/content/show.html.erb
+++ b/app/views/content/show.html.erb
@@ -4,7 +4,7 @@
   <!-- 3 column wrapper -->
   <div class="flex-grow w-full lg:flex min-h-screen">
     <!-- Left sidebar & main wrapper -->
-    <div class="flex-1 min-w-0 bg-white xl:flex px-6">
+    <div class="flex-1 min-w-0 bg-gray-50 xl:flex px-6">
       <% if @serialized_content.class_name == Universe.name %>
         <%= render partial: 'content/tailwind_components/universe_context_sidenav', locals: { content: @serialized_content } %>
       <% else %>
@@ -24,11 +24,54 @@
     <div class="bg-gray-50 pr-4 sm:pr-6 lg:pr-8 lg:flex-shrink-0 lg:border-l lg:border-gray-200 xl:pr-0">
       <div class="pl-6 lg:w-80 px-6 pt-6">
 
+        <div class="lg:flex lg:items-center lg:justify-between">
+          <div class="flex-1 min-w-0 mb-8">
+            <h2 class="font-bold leading-tight text-gray-900">Page customization</h2>
+            <div class="flex flex-col sm:flex-row sm:flex-wrap sm:mt-0 sm:space-x-6">
+              <div class="flex items-center text-sm text-gray-500">
+                <svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 mr-1.5 h-5 w-5 text-gray-400" viewBox="0 0 20 20" fill="currentColor">
+                  <path d="M10 12a2 2 0 100-4 2 2 0 000 4z" />
+                  <path fill-rule="evenodd" d="M.458 10C1.732 5.943 5.522 3 10 3s8.268 2.943 9.542 7c-1.274 4.057-5.064 7-9.542 7S1.732 14.057.458 10zM14 10a4 4 0 11-8 0 4 4 0 018 0z" clip-rule="evenodd" />
+                </svg>
+                Only visible to you (maybe its own page?) (maybe slide in/out from Edit mode button?)
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <div class="mb-8">
+          <div class="flex items-center mb-4">
+            <!-- Enabled: "bg-indigo-600", Not Enabled: "bg-gray-200" -->
+            <button type="button" class="bg-gray-200 relative inline-flex flex-shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" role="switch" aria-checked="false" aria-labelledby="annual-billing-label">
+              <!-- Enabled: "translate-x-5", Not Enabled: "translate-x-0" -->
+              <span aria-hidden="true" class="translate-x-0 pointer-events-none inline-block h-5 w-5 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200"></span>
+            </button>
+            <span class="ml-3" id="annual-billing-label">
+              <span class="text-sm font-medium text-gray-900">Enable Gallery</span>
+              <span class="text-sm text-gray-500">to others</span>
+            </span>
+          </div>
+          <div class="flex items-center mb-4">
+            <!-- Enabled: "bg-indigo-600", Not Enabled: "bg-gray-200" -->
+            <button type="button" class="bg-gray-200 relative inline-flex flex-shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" role="switch" aria-checked="false" aria-labelledby="annual-billing-label">
+              <!-- Enabled: "translate-x-5", Not Enabled: "translate-x-0" -->
+              <span aria-hidden="true" class="translate-x-0 pointer-events-none inline-block h-5 w-5 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200"></span>
+            </button>
+            <span class="ml-3" id="annual-billing-label">
+              <span class="text-sm font-medium text-gray-900">Enable Comments</span>
+              <span class="text-sm text-gray-500">something</span>
+            </span>
+          </div>
+        </div>
+      
+
         <!-- Action buttons -->
         <div class="flex flex-col sm:flex-row xl:flex-col space-y-1">
           <button type="button" class="inline-flex items-center justify-center px-4 py-2 border border-transparent shadow-sm text-sm font-medium rounded-md text-white <%= Universe.color %> hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 xl:w-full">
           </button>
             Create page
+            <br />Privacy settings [page controls visible only to you!]
           <button type="button" class="mt-3 inline-flex items-center justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 xl:ml-0 xl:mt-3 xl:w-full">
             Share universe
           </button>
@@ -47,7 +90,7 @@
                   <img class="h-10 w-10 rounded-lg" src="https://images.unsplash.com/photo-1517365830460-955ce3ccd263?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=256&h=256&q=80" alt="">
                   <div class="flex-1 space-y-1">
                     <div class="flex items-center justify-between">
-                      <h3 class="text-sm font-medium">John Cena</h3>
+                      <h3 class="text-sm font-medium">Sarah Cena</h3>
                       <p class="text-sm text-gray-500">1h</p>
                     </div>
                     <p class="text-sm text-gray-500 group">
@@ -68,7 +111,7 @@
           -->
 
           <div class="pt-6 pb-2">
-            <h2 class="text-sm font-semibold">Contributors</h2>
+            <h2 class="text-sm font-semibold">Contributors to this page</h2>
           </div>
 
           <div class="mt-4 flex-shrink-0 sm:mt-0">
diff --git a/app/views/content/tailwind_components/_content_context_sidenav.html.erb b/app/views/content/tailwind_components/_content_context_sidenav.html.erb
index a01d4a5e..5adfc989 100644
--- a/app/views/content/tailwind_components/_content_context_sidenav.html.erb
+++ b/app/views/content/tailwind_components/_content_context_sidenav.html.erb
@@ -1,4 +1,4 @@
-<div class="xl:flex-shrink-0 xl:w-64 xl:border-r xl:border-gray-200 bg-white">
+<div class="xl:flex-shrink-0 xl:w-64 xl:border-r xl:border-gray-200">
   <div class="pl-4 pr-6 py-6 sm:pl-6 lg:pl-8 xl:pl-0">
     <div class="flex items-center justify-between">
       <div class="flex-1 space-y-2">
@@ -60,14 +60,14 @@
             <svg class="h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
               <path d="M7 3a1 1 0 000 2h6a1 1 0 100-2H7zM4 7a1 1 0 011-1h10a1 1 0 110 2H5a1 1 0 01-1-1zM2 11a2 2 0 012-2h12a2 2 0 012 2v4a2 2 0 01-2 2H4a2 2 0 01-2-2v-4z" />
             </svg>
-            <span class="text-sm text-gray-500 font-medium">7 documents</span>
+            <span class="text-sm text-gray-500 font-medium">7 somethings</span>
           </div>
           <div class="flex items-center space-x-2">
             <!-- Heroicon name: solid/badge-check -->
             <svg class="h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
               <path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
             </svg>
-            <span class="text-sm text-gray-500 font-medium">Premium universe</span>
+            <span class="text-sm text-gray-500 font-medium">Another something</span>
           </div>
         </div>
       </div>