diff --git a/dist/css/style.css b/dist/css/style.css
index d085298..bf390ec 100644
--- a/dist/css/style.css
+++ b/dist/css/style.css
@@ -1,7 +1,3 @@
-* {
-  text-align: center;
-}
-
 .avatar {
   border-radius: 50%;
   width: 100px;
@@ -13,3 +9,7 @@
 .section {
   margin-bottom: var(--block-spacing-vertical);
 }
+
+button > hgroup {
+  margin-bottom: 0;
+}
diff --git a/script.py b/script.py
index 65e7662..3263cc6 100644
--- a/script.py
+++ b/script.py
@@ -13,10 +13,10 @@
             ),
             (
                 h("div", klass="item")(
-                    h("a", href=item.get("url"), target="_blank")(
+                    h("button", klass="outline", href=item.get("url"), target="_blank")(
                         h("hgroup")(
                             h("h4")(item.get("title")),
-                            h("p")(item.get("description"))
+                            h("h5")(item.get("description"))
                             if item.get("description")
                             else None,
                             "",
@@ -40,8 +40,8 @@
             h("link", rel="stylesheet", href="css/style.css"),
             h("style", rel="stylesheet")(
                 f"""
-                    :root {{
-                        --primary: {data.get("primary_color", "#546e7a")};
+                    [data-theme="dark"], [data-theme="light"] {{
+                        --primary: {data.get("primary_color", "#546e7a")} !important;
                     }}
                     * {{
                         text-align: {data.get("text_align", "center")};