【Gemini】削除ポップアップを左寄せにするCSS

2026年5月24日GoogleGemini

この記事では、PCウェブサイト版「Google Gemini」のチャット削除ダイアログを左寄せにするCSSを書きます。

ウェブサイトに自分で作成したCSSを適用できるChrome拡張機能「Stylebotスタイルボット」や「Stylusスタイラス」を利用します。

PC版「Google Gemini」でチャット部屋を削除する時、「チャットを削除しますか？」ってダイアログが中央に表示されます。

個人的には、直前に左側サイドバーのチャット横の三点ボタン→「削除」をマウスでクリックしているので、削除ダイアログも同じように左側に配置してほしいです。中央だとどうしてもマウスの移動距離が長くなって時間の無駄です。左にあればその分移動距離短く済みます。

CSSを使うことで好きな位置に調整できます。あくまで自身の見た目上のカスタマイズで、他人や他のデバイスには一切反映しません

本記事はChrome拡張機能・Firefoxアドオンを利用できるPCブラウザ限定です。スマホやタブレットのアプリ版ではできません。

1. 前提
2. Geminiの削除ポップアップを左寄せするCSS
3. 感想

前提

「Stylebot」や「Stylus」などのCSSを適用できる拡張機能を既に導入している前提です。

【Stylebot】サイトにCSSを適用できる拡張機能の使い方

この記事では、ウェブサイトに自分で作成したCSSを適用できるChrome拡張機能「Stylebot」について書き ...

https://www.naporitansushi.com/stylebot/

Geminiの削除ポップアップを左寄せするCSS

スタイルシートを開く

「Gemini」にアクセスします。インストールした「Stylebot」拡張機能アイコンを左クリック→「Stylebotを開く」をクリックします。

右側に白紙のサイドバーが表示されます。

もし初めて「Stylebot」を起動した場合は「ベーシック」という画面が表示されます。下部にある「コード」をクリックすると白紙のスタイルシート画面を開けます。

CSSを書き込む

以下のコードを書き込みます。

/*削除ポップアップ左寄せ（2026年05月24日作成）*/
*:has(>*>[aria-label="チャットを削除"]) {
    justify-content: flex-start !important;
    margin-left: -300px !important;
}

/*削除ポップアップ内の削除テキスト（2026年05月24日作成）*/
[aria-label="チャットを削除"] [data-test-id="confirm-button"] span {
    font-size: 71px !important;
    font-weight: 700 !important;
    color: #df1212 !important;
    background: #fff !important;
}

/*削除ポップアップ左寄せ（2026年05月24日作成）*/
*:has(>*>[aria-label="チャットを削除"]) {
    justify-content: flex-start !important;
    margin-left: -300px !important;
}

/*削除ポップアップ内の削除テキスト（2026年05月24日作成）*/
[aria-label="チャットを削除"] [data-test-id="confirm-button"] span {
    font-size: 71px !important;
    font-weight: 700 !important;
    color: #df1212 !important;
    background: #fff !important;
}