From dd98b127bdc8ce655a38ba4db37343af86345f9d Mon Sep 17 00:00:00 2001
From: Leo McArdle <lmcardle@mozilla.com>
Date: Fri, 19 May 2023 09:20:32 +0100
Subject: [PATCH] fix(ui): gap at top of page in tablet mode (#8885)

Due to a non-integer pixel height.

Also fixes cropped icons in article actions menu for the same reason.
---
 client/src/ui/molecules/theme-switcher/index.scss             | 2 ++
 .../src/ui/organisms/article-actions/bookmark-menu/index.scss | 4 ++++
 2 files changed, 6 insertions(+)

diff --git a/client/src/ui/molecules/theme-switcher/index.scss b/client/src/ui/molecules/theme-switcher/index.scss
index f22f4c03cc85..ad4c220bf2c0 100644
--- a/client/src/ui/molecules/theme-switcher/index.scss
+++ b/client/src/ui/molecules/theme-switcher/index.scss
@@ -70,6 +70,8 @@
 .theme-switcher-menu,
 .languages-switcher-menu {
   > .button {
+    display: block;
+
     .button-wrap:after {
       background-color: var(--icon-secondary);
       content: "";
diff --git a/client/src/ui/organisms/article-actions/bookmark-menu/index.scss b/client/src/ui/organisms/article-actions/bookmark-menu/index.scss
index 47c41f5f50ea..facf5cba14bf 100644
--- a/client/src/ui/organisms/article-actions/bookmark-menu/index.scss
+++ b/client/src/ui/organisms/article-actions/bookmark-menu/index.scss
@@ -1,6 +1,10 @@
 @use "../../../../ui/vars" as *;
 
 .bookmark-menu {
+  > .button {
+    display: block;
+  }
+
   .is-button-row {
     flex-direction: row-reverse;
     justify-content: flex-start;