diff --git a/githubpoints-projects.js b/githubpoints-projects.js
index 9763802..641cbbd 100644
--- a/githubpoints-projects.js
+++ b/githubpoints-projects.js
@@ -5,7 +5,7 @@ var calculateIssuePoints = function () {
     let points_mark = link.text.match(/^\(\d+\)*/);
     if (points_mark) {
       let points = points_mark[0].replace(/\(|\)/g, '');
-      link.innerHTML = link.text.replace(/^\(\d+\)/, '<span class="issue-points" style="background-color: #0366d6; color: #fff; padding: 0.1rem;">' + points + '</span>');
+      link.innerHTML = link.text.replace(/^\(\d+\)/, '<span class="issue-points">' + points + '</span>');
     }
   };
 };
@@ -25,7 +25,7 @@ var updatePoints = function () {
     if (column_points.length > 0) {
       column_points[0].innerHTML = total;
     } else {
-      header.innerHTML = '<span class="column-points" style="background-color: #0366d6; color: #fff; padding: 0.1rem;">' + total + '</span>' + header.innerHTML;
+      header.innerHTML = '<span class="column-points">' + total + '</span>' + header.innerHTML;
     }
   };
 };
diff --git a/githubpoints.css b/githubpoints.css
new file mode 100644
index 0000000..6c6b55e
--- /dev/null
+++ b/githubpoints.css
@@ -0,0 +1,13 @@
+.issue-points {
+  background-color: #0366d6; 
+  color: #fff;
+  border-radius: 20px;
+  padding: 2px 5px;
+}
+
+.column-points {
+  background-color: #0366d6; 
+  color: #fff;
+  border-radius: 20px;
+  padding: 2px 5px;
+}
diff --git a/icons/githubpoints-48.png b/icons/githubpoints-48.png
index 90687de..3eecc7b 100644
Binary files a/icons/githubpoints-48.png and b/icons/githubpoints-48.png differ
diff --git a/manifest.json b/manifest.json
index 2666fa6..b20bb13 100644
--- a/manifest.json
+++ b/manifest.json
@@ -15,7 +15,8 @@
   "content_scripts": [
     {
       "matches": ["*://*.github.com/*/projects/*"],
-      "js": ["githubpoints-projects.js"]
+      "js": ["githubpoints-projects.js"],
+      "css": ["githubpoints.css"]
     }
   ]