diff --git a/src/components/Menu.ts b/src/components/Menu.ts
index 014c4434e..5aa607b32 100644
--- a/src/components/Menu.ts
+++ b/src/components/Menu.ts
@@ -15,11 +15,11 @@ const meta = compile(`
-
Open Default Tab
-
Bookmarks Manager
+
Bookmarks
+
Passwords
Downloads
History
-
Passwords
+
Extensions
diff --git a/src/css/newtab.xcss b/src/css/newtab.xcss
index 07c609fbd..f4313f225 100644
--- a/src/css/newtab.xcss
+++ b/src/css/newtab.xcss
@@ -192,7 +192,7 @@ hr {
#d {
position: absolute;
top: 10px;
- padding: 18px;
+ padding: 9px 23px; // 9px = half of font-size
background: var(--c2);
box-shadow: var(--s);
opacity: 0;
diff --git a/src/css/themes/neon-dreams.xcss b/src/css/themes/neon-dreams.xcss
index 344cce4d4..c8fe0e03d 100644
--- a/src/css/themes/neon-dreams.xcss
+++ b/src/css/themes/neon-dreams.xcss
@@ -58,8 +58,7 @@ button {
}
hr {
- margin-right: -18px;
- margin-left: -18px;
+ margin: 9px -23px; // 9px = half of font-size
}
h2,
diff --git a/test/unit/Menu.test.ts b/test/unit/Menu.test.ts
index bbb79e9e7..0ecdb5072 100644
--- a/test/unit/Menu.test.ts
+++ b/test/unit/Menu.test.ts
@@ -7,17 +7,17 @@ afterEach(cleanup);
test('rendered DOM contains expected elements', () => {
const rendered = render(Menu());
- expect(rendered.container.querySelector('#m')).toBeTruthy();
- expect(rendered.container.querySelector('svg#im')).toBeTruthy();
- expect(rendered.container.querySelector('#d')).toBeTruthy();
- expect(rendered.container.querySelector('a[href="chrome://new-tab-page"]')).toBeTruthy();
- expect(rendered.container.querySelector('a[href="chrome://bookmarks"]')).toBeTruthy();
- expect(rendered.container.querySelector('a[href="chrome://downloads"]')).toBeTruthy();
- expect(rendered.container.querySelector('a[href="chrome://history"]')).toBeTruthy();
- expect(rendered.container.querySelector('a[href="chrome://password-manager"]')).toBeTruthy();
- expect(
- rendered.container.querySelector('a[href="https://github.com/maxmilton/new-tab/issues"]'),
- ).toBeTruthy();
+ const root = rendered.container.firstChild as HTMLElement;
+ expect(root).toBeInstanceOf(window.HTMLDivElement);
+ expect(root.id).toBe('m');
+ expect(root.querySelector('svg#im')).toBeTruthy();
+ expect(root.querySelector('div#d')).toBeTruthy();
+ expect(root.querySelector('a[href="chrome://bookmarks"]')).toBeTruthy();
+ expect(root.querySelector('a[href="chrome://password-manager"]')).toBeTruthy();
+ expect(root.querySelector('a[href="chrome://downloads"]')).toBeTruthy();
+ expect(root.querySelector('a[href="chrome://history"]')).toBeTruthy();
+ expect(root.querySelector('a[href="chrome://extensions"]')).toBeTruthy();
+ expect(root.querySelector('a[href="https://github.com/maxmilton/new-tab/issues"]')).toBeTruthy();
});
test('rendered DOM matches snapshot', () => {
diff --git a/test/unit/__snapshots__/Menu.test.ts.snap b/test/unit/__snapshots__/Menu.test.ts.snap
index 6e8dccc4f..02fd440c1 100644
--- a/test/unit/__snapshots__/Menu.test.ts.snap
+++ b/test/unit/__snapshots__/Menu.test.ts.snap
@@ -1,3 +1,3 @@
// Bun Snapshot v1, https://goo.gl/fbAQLP
-exports[`rendered DOM matches snapshot 1`] = `"
"`;
+exports[`rendered DOM matches snapshot 1`] = `"
"`;