diff --git a/export/pghrtcss.css b/export/pghrtcss.css
index 2760bb0..4c68f22 100644
--- a/export/pghrtcss.css
+++ b/export/pghrtcss.css
@@ -32,6 +32,7 @@
     --font-i: 'crmi';
     --font-b: 'crmb';
     --font-bi: 'crmbi';
+    --mobile-button: min(5vh, 80px);
 }
 
 [data-theme="dark"] {
@@ -242,11 +243,13 @@ ol[class="ltx_toclist ltx_toclist_section"]{
 
 @media screen AND (max-width:1000px) {
 	.ltx_TOC  { width: 0; visibility: hidden; top: 5vh; border-right: none; }
-	#menu { display: block; width: 100%; padding: 0; border-radius: 0; border-top: none; border-left: none; border-right: none;}
+	#menu { display: block; width: 100%; padding: 0; border-radius: 0; border-top: none; border-left: none; border-right: none; background: var(--toc-bg);color: var(--font); border-bottom: 2px solid var(--toc-hover);}
 	.header { display: block; position: sticky; width: 100%; top: 0; padding: 0;}
 	.ltx_page_main { margin: 0px; width: 90% !important;}
 	.ltx_eqn_table {width: 90% !important;}
-
+  #theme-toggle, #font-toggle {height: var(--mobile-button); width: var(--mobile-button); font-size: 30px; border-right: none; min-width: 45px; }
+  #theme-toggle { top: 5vh;  border-top: none;}
+  #font-toggle {top: calc(2 * var(--mobile-button)); }
 	.ltx_tocentry.ltx_tocentry_section > .ltx_ref:after { margin-right: 20px; }
 
 }