diff --git a/custom/assets/instance.css b/custom/assets/instance.css
index 6c212e6cb..8cabb9ee2 100644
--- a/custom/assets/instance.css
+++ b/custom/assets/instance.css
@@ -59,3 +59,21 @@
 	--radius-common: 50% //
 }
 */
+
+/* floating mobile navbar - https://zvava.org */
+#iceshrimp_app { --thePadding: 12px; }
+@media (min-width: 401px) { #iceshrimp_app { --thePadding: 24px; } }
+#iceshrimp_app > .isMobile::after {
+  content: ""; background: var(--bg); 
+  display: block;  width: 100vw; height: 28px;
+  position: fixed; bottom: 0; left: 0; z-index: 9; }
+#iceshrimp_app > .isMobile > .postButton { bottom: 103px; right: calc(var(--thePadding) / 2); }
+#iceshrimp_app > .isMobile > .buttons {
+  background: var(--panelHighlight) !important;
+  border-radius: 10px;
+  margin: 0 var(--thePadding) 18px;
+  width: calc(100vw - var(--thePadding) * 2) !important;
+  box-shadow: rgba(0, 0, 0, .5) 0 0 25px;}
+#iceshrimp_app > .isMobile > .buttons > .button { height: 3.33rem !important; }
+#iceshrimp_app > .isMobile > .buttons > .button:hover > .button-wrapper, .isMobile > .buttons > .button:active > .button-wrapper { background: var(--accentedBg); }
+#iceshrimp_app > .isMobile > .buttons > .button > .button-wrapper.on { transform: unset !important; }