CSS Hack Enlarges Next Slide in Google Slides Presenter View
Google Slides presenter mode shows a tiny next-slide preview; inject this CSS via Stylish to resize it to 400x300px for easy viewing.
Presenter View's Tiny Preview Problem
In Google Slides presenter mode, the side panel displays the next slide as a tiny, hard-to-see thumbnail alongside speaker notes. This CSS targets specific classes to enlarge the preview panel to 400px wide and 300px tall, repositions notes, and hides the previous slide thumbnail for cleaner focus.
Core CSS Overrides
Apply these !important rules to override Google Slides styles:
.punch-viewer-speakernotes-side-panel {
width: 400px !important;
}
.punch-viewer-speakernotes-text-body-scrollable {
left: 435px !important;
}
.punch-viewer-speakernotes-page,
.punch-viewer-speakernotes-page svg {
width: 400px !important;
height: 300px !important;
min-width: 400px !important;
min-height: 300px !important;
}
.punch-viewer-speakernotes-page-iframe {
width: 400px !important;
height: 300px !important;
min-width: 400px !important;
min-height: 300px !important;
}
.punch-viewer-speakernotes-page-previous {
display: none;
}
These set the panel width to 400px, shift notes 435px right, scale slide previews (including SVGs and iframes) to 400x300px with min sizes enforced, and remove the prior slide.
Quick Implementation with Stylish
Use the Stylish browser extension to inject this CSS directly into Google Slides presenter view (docs.google.com/presentation). Karpathy shared this in 2016, confirming it works via Stylish—no dev tools needed.