diff --git a/mobile/chrome/content/aboutHome.xhtml b/mobile/chrome/content/aboutHome.xhtml
index da4c4f2aeae..4e3c95a5ffd 100644
--- a/mobile/chrome/content/aboutHome.xhtml
+++ b/mobile/chrome/content/aboutHome.xhtml
@@ -222,15 +222,11 @@
let uri = chromeWin.Util.makeURI(url);
let favicon = chromeWin.gFaviconService.getFaviconImageForPage(uri).spec;
- let outer = document.createElement("div");
+ let outer = document.createElement("a");
outer.setAttribute("role", "button");
+ outer.setAttribute("href", url);
- let pageURL = url;
- outer.addEventListener("click", function() {
- openTabs([pageURL]);
- }, false);
-
- allPageURLs.push(pageURL);
+ allPageURLs.push(url);
let img = document.createElement("img");
img.className = "favicon";
diff --git a/mobile/themes/core/aboutHome.css b/mobile/themes/core/aboutHome.css
index ac02718b8d6..680a7abed73 100644
--- a/mobile/themes/core/aboutHome.css
+++ b/mobile/themes/core/aboutHome.css
@@ -99,19 +99,27 @@ body[dir="rtl"] #logo {
border-radius: 8px 8px 0 0;
}
-.section-box > div {
+.section-box > div,
+.section-box > a {
border-bottom: 1px solid rgba(0,0,0,0.1);
padding: 8px;
padding-bottom: 12px;
position: relative;
}
-.section-box > div:last-child {
+.section-box > a {
+ display: block;
+ text-decoration: none;
+}
+
+.section-box > div:last-child,
+.section-box > a:last-child {
border-bottom: 0;
}
/* Make room for the image */
.section-box > div > div,
+.section-box > a > div,
.section-row > div > div {
-moz-margin-start: 48px;
}