Skip to content

How to Hide Gemini, Refine, and Floating Buttons in Google Docs™

Google Docs™ has a few features that can also be distractions. You’ve likely noticed the floating buttons that appear on the right side when you click anywhere on the document.

Floating buttons on the side of the document

These buttons provide quick access to Add Comment, Add Emoji Reaction, and Suggest Edits.

Additionally, when you select text, a Refine button often appears, offering AI-powered writing suggestions. Refine button appearing over selected text

Finally, Google has added a prominent Ask Gemini button to the top toolbar, which you may not need during focused writing sessions. The "Ask Gemini" button in the top right corner of Google Docs

While useful, these pop-ups can clutter your workspace. Luckily, you can easily hide all of them using the Stylus browser extension, which lets you apply custom CSS to any website.


Disclaimer: We are not affiliated with the Stylus extension or its developers. This is a third-party tool we recommend for customizing your browser experience.

First, install the Stylus extension for your browser.

Install Stylus for Chrome Install Stylus for Firefox

Step 2: Create a Custom Style for Google Docs

Section titled “Step 2: Create a Custom Style for Google Docs”
  1. Open a Google Doc, then click the Stylus icon in your browser toolbar and select Manage.
  2. On the left, click the Write new style button.

The "Write new style" button in the Stylus manager

  1. At the top, below Code 1:, change URLs on the domain to URLs starting with.

The "URLs starting with" dropdown set to the Google Docs URL 5. Enter this URL into the box:

https://docs.google.com/document/
  1. Paste this CSS code into the main code editor:
/* Hides the floating comment buttons on the right side */
.inlineFabBubbleContainer {
visibility: hidden !important;
}
/* Hides the "Refine" pop-up for selected text */
#docs-instant-bubble {
display: none !important;
}
/* Hides the "Ask Gemini" button in the top toolbar */
.appsElementsSidekickEntryPointRoot {
display: none !important;
}
/* Hides the Gemini pill button at the bottom of the document */
.kixWizBarkickWrapper {
display: none !important;
}
  1. Click the Save button on the left, and make sure the Enabled checkbox for your new style is active.

That’s it! The floating buttons and the “Ask Gemini” button are now hidden, giving you a completely distraction-free editing experience.

Now that your interface is clean, take your document organization to the next level.


I cannot find the Stylus extension in the toolbar

Section titled “I cannot find the Stylus extension in the toolbar”

The Stylus extension needs to be pinned to the browser toolbar. To do this:

  1. Click the three dots (⋮) in the top right corner of Google Chrome.
  2. Click Extensions, then Manage Extensions.

Chrome menu showing Extensions > Manage Extensions

  1. Find the Stylus extension and click Details.
  2. In the Details page, enable the Pin to toolbar toggle.

The "Pin to toolbar" toggle enabled in the Stylus extension details

Stylus will now appear in your browser toolbar and you can proceed with Step 2.


Last updated: May 14, 2026 — The CSS snippet was expanded based on feedback from a website visitor who pointed out a new Gemini button that had appeared at the bottom of the Google Docs window. Thank you!