diff --git a/apps/client/src/layouts/desktop_layout.tsx b/apps/client/src/layouts/desktop_layout.tsx
index 0347acf1e..7464844dc 100644
--- a/apps/client/src/layouts/desktop_layout.tsx
+++ b/apps/client/src/layouts/desktop_layout.tsx
@@ -130,7 +130,6 @@ export default class DesktopLayout {
.child()
.child()
)
- .child()
.child(new WatchedFileUpdateStatusWidget())
.child()
.child(
@@ -150,6 +149,7 @@ export default class DesktopLayout {
.child()
.child()
)
+ .child()
.child()
.child()
.child()
diff --git a/apps/client/src/stylesheets/theme-next/ribbon.css b/apps/client/src/stylesheets/theme-next/ribbon.css
index 3101339be..a518e05dc 100644
--- a/apps/client/src/stylesheets/theme-next/ribbon.css
+++ b/apps/client/src/stylesheets/theme-next/ribbon.css
@@ -183,13 +183,10 @@ ul.editability-dropdown li.dropdown-item > div {
* Styling as a floating toolbar
*/
.ribbon-container {
- background: var(--card-background-color);
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
- margin: 10px;
- border-radius: 6px;
- padding: 5px 0;
-
- .ribbon-body {
- border-bottom: 0;
- }
+ position: sticky;
+ top: 0;
+ left: 0;
+ right: 0;
+ background: var(--main-background-color);
+ z-index: 997;
}