diff --git a/src/dev-center/css/style.css b/src/dev-center/css/style.css
index e08df526d..345ce6c9e 100644
--- a/src/dev-center/css/style.css
+++ b/src/dev-center/css/style.css
@@ -216,7 +216,9 @@ h1 .app-count, h1 .worker-count, h1 .website-count{
 .refresh-app-list:hover, .refresh-worker-list:hover, .refresh-website-list:hover {
     opacity: 1;
 }
-
+.refresh-icon{
+    width: 18px; height: 18px; margin-top: -2px; display: block;
+}
 a {
     color: #0d6efd;
     text-decoration: none;
@@ -952,19 +954,18 @@ ol li:before {
     float:right; 
     margin-bottom: 10px;
 }
-.create-an-app-btn img, .create-a-website-btn img{
-    width: 20px;
+.create-an-app-btn img, .create-a-website-btn img, .create-a-worker-btn img{
+    width: 25px;
+    height: 25px;
     margin-bottom: -5px; 
     margin-right: 10px;
+    margin-bottom: -7px;
+    margin-right: 4px;
 }
 .create-a-worker-btn, .create-a-website-btn{
     float:right; margin-bottom: 10px;
 }
-.create-a-worker-btn img, .create-a-website-btn img{
-    width: 20px;
-    margin-bottom: -5px; 
-    margin-right: 5px;
-}
+
 .jip-submit-btn{
     float: left; 
     margin-top: 10px; 
@@ -1137,6 +1138,12 @@ dialog{
     border: 2px solid #ebebeb;
     font-size: 14px;
 }
+.search-container{
+    margin-bottom: 10px; 
+    position: relative; 
+    width: 300px; 
+    float:left;
+}
 .search::placeholder {
     opacity: 0.7;
 }
@@ -1339,12 +1346,12 @@ dialog{
     opacity: 0.7;
     width: 30px;
     height: 30px;
-    border-radius: 3px;
+    border-radius: 5px;
 }
 
 .options-icon:hover {
     opacity: 1;
-    background-color: #ededed;
+    background-color: #edededb4;
 }
 
 .worker-checkbox, .app-checkbox, .website-checkbox {
diff --git a/src/dev-center/img/plus.svg b/src/dev-center/img/plus.svg
new file mode 100644
index 000000000..7ed5e22e6
--- /dev/null
+++ b/src/dev-center/img/plus.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="24" height="24" fill="rgba(0,0,0,0)"/>
+<path d="M12 6V18" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+<path d="M6 12H18" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+</svg>
diff --git a/src/dev-center/index.html b/src/dev-center/index.html
index 0014e9b63..d02d84378 100644
--- a/src/dev-center/index.html
+++ b/src/dev-center/index.html
@@ -19,6 +19,9 @@
     <link rel="preload" as="image" href="./img/wallet.svg">
     <link rel="preload" as="image" href="./img/wallet-white.svg">
     <link rel="preload" as="image" href="./img/paypal.svg">
+    <link rel="preload" as="image" href="./img/plus.svg">
+    <link rel="preload" as="image" href="./img/workers-placeholder.svg">
+    <link rel="preload" as="image" href="./img/websites-placeholder.svg">
     <!-- For tooltip -->
     <script src="https://unpkg.com/@popperjs/core@2"></script>
     <script src="https://unpkg.com/tippy.js@6"></script>
@@ -178,7 +181,7 @@
     <section id="no-apps-notice" style="display:none;">
         <img src="./img/apps-black.svg" style="width: 64px; opacity: 0.12;">
         <p style="color: #606062;">You haven't created any apps yet.</p>
-        <button class="create-an-app-btn button button-primary">Create an App</button>
+        <button class="create-an-app-btn button button-primary"><img src="./img/plus.svg">Create an App</button>
     </section>
 
     <!---------------------------------------->
@@ -187,7 +190,7 @@
     <section id="no-workers-notice" style="display:none;">
         <img src="./img/workers-placeholder.svg" style="width: 64px; opacity: 0.62; filter: grayscale(100%); transform: rotate(-20deg);">
         <p style="color: #606062;">You haven't created any workers yet.</p>
-        <button class="create-a-worker-btn button button-primary">Create a Worker</button>
+        <button class="create-a-worker-btn button button-primary"><img src="./img/plus.svg">Create a Worker</button>
     </section>
 
     <!---------------------------------------->
@@ -196,7 +199,7 @@
     <section id="no-websites-notice" style="display:none;">
         <img src="./img/websites-placeholder.svg" style="width: 64px; opacity: 0.22; filter: grayscale(100%); transform: rotate(-20deg);">
         <p style="color: #606062;">You haven't created any websites yet.</p>
-        <button class="create-a-website-btn button button-primary">Create a Website</button>
+        <button class="create-a-website-btn button button-primary"><img src="./img/plus.svg">Create a Website</button>
     </section>
     <!---------------------------------------->
     <!-- Edit App                           -->
@@ -230,16 +233,16 @@
     <section id="app-list">
         <div class="app-list-nav">
             <h1 class="my-apps-title">My Apps<span class="app-count"></span></h1>
-            <button class="create-an-app-btn button button-primary"><img src="./img/app-outline-white.svg"> New App</button>
+            <button class="create-an-app-btn button button-primary"><img src="./img/plus.svg" style="width: 25px; height: 25px;">New App</button>
         </div>
 
-        <div style="margin-bottom: 10px; position: relative; width: 300px; float:left;">
+        <div class="search-container">
             <input style="background-image:url(./img/magnifier-outline.svg);" class="search" placeholder="Search apps">
             <img class="search-clear" src="./img/close.svg">
         </div>
 
         <button class="button button-danger disabled delete-apps-btn" style="float:right;">Delete</button>
-        <button class="refresh-app-list" title="Refresh"><svg style="width: 18px; height: 18px; margin-top: -2px; display: block;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" stroke-width="2"><g stroke-width="2" transform="translate(0.5, 0.5)"><path data-cap="butt" d="M29.382,9.217A15,15,0,0,0,1,16" fill="none" stroke="#444444" stroke-miterlimit="10" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"></path><polyline points="28.383 1.22 29.383 9.22 21.383 8.22" fill="none" stroke="#444444" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></polyline><path data-cap="butt" data-color="color-2" d="M2.618,22.783A15,15,0,0,0,31,16" fill="none" stroke="#444444" stroke-miterlimit="10" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"></path><polyline data-color="color-2" points="3.617 30.78 2.617 22.78 10.617 23.78" fill="none" stroke="#444444" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></polyline></g></svg></button>
+        <button class="refresh-app-list" title="Refresh"><svg class="refresh-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" stroke-width="2"><g stroke-width="2" transform="translate(0.5, 0.5)"><path data-cap="butt" d="M29.382,9.217A15,15,0,0,0,1,16" fill="none" stroke="#444444" stroke-miterlimit="10" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"></path><polyline points="28.383 1.22 29.383 9.22 21.383 8.22" fill="none" stroke="#444444" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></polyline><path data-cap="butt" data-color="color-2" d="M2.618,22.783A15,15,0,0,0,31,16" fill="none" stroke="#444444" stroke-miterlimit="10" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"></path><polyline data-color="color-2" points="3.617 30.78 2.617 22.78 10.617 23.78" fill="none" stroke="#444444" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></polyline></g></svg></button>
         <div style="overflow-x: auto; clear: both;">
             <table class="table" id="app-list-table">
                 <thead class="disable-user-select">
@@ -269,13 +272,13 @@
             <button class="create-a-worker-btn button button-primary"><img src="./img/workers-white.svg"> New Worker</button>
         </div>
 
-        <div style="margin-bottom: 10px; position: relative; width: 300px; float:left;">
+        <div class="search-container">
             <input style="background-image:url(./img/magnifier-outline.svg);" class="search" placeholder="Search workers">
             <img class="search-clear" src="./img/close.svg">
         </div>
 
         <button class="button button-danger disabled delete-workers-btn" style="float:right;">Delete</button>
-        <button class="refresh-worker-list" title="Refresh"><svg style="width: 18px; height: 18px; margin-top: -2px; display: block;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" stroke-width="2"><g stroke-width="2" transform="translate(0.5, 0.5)"><path data-cap="butt" d="M29.382,9.217A15,15,0,0,0,1,16" fill="none" stroke="#444444" stroke-miterlimit="10" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"></path><polyline points="28.383 1.22 29.383 9.22 21.383 8.22" fill="none" stroke="#444444" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></polyline><path data-cap="butt" data-color="color-2" d="M2.618,22.783A15,15,0,0,0,31,16" fill="none" stroke="#444444" stroke-miterlimit="10" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"></path><polyline data-color="color-2" points="3.617 30.78 2.617 22.78 10.617 23.78" fill="none" stroke="#444444" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></polyline></g></svg></button>
+        <button class="refresh-worker-list" title="Refresh"><svg class="refresh-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" stroke-width="2"><g stroke-width="2" transform="translate(0.5, 0.5)"><path data-cap="butt" d="M29.382,9.217A15,15,0,0,0,1,16" fill="none" stroke="#444444" stroke-miterlimit="10" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"></path><polyline points="28.383 1.22 29.383 9.22 21.383 8.22" fill="none" stroke="#444444" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></polyline><path data-cap="butt" data-color="color-2" d="M2.618,22.783A15,15,0,0,0,31,16" fill="none" stroke="#444444" stroke-miterlimit="10" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"></path><polyline data-color="color-2" points="3.617 30.78 2.617 22.78 10.617 23.78" fill="none" stroke="#444444" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></polyline></g></svg></button>
         <div style="overflow-x: auto; clear: both;">
             <table class="table" id="worker-list-table">
                 <thead class="disable-user-select">
@@ -298,16 +301,16 @@
     <section id="website-list">
         <div class="website-list-nav">
             <h1 class="my-websites-title">My Websites<span class="website-count"></span></h1>
-            <button class="create-a-website-btn button button-primary"><img src="./img/website-white.svg"> New Website</button>
+            <button class="create-a-website-btn button button-primary"><img src="./img/plus.svg" style="width: 25px; height: 25px;">New Website</button>
         </div>
 
-        <div style="margin-bottom: 10px; position: relative; width: 300px; float:left;">
+        <div class="search-container">
             <input style="background-image:url(./img/magnifier-outline.svg);" class="search" placeholder="Search websites">
             <img class="search-clear" src="./img/close.svg">
         </div>
 
         <button class="button button-danger disabled delete-websites-btn" style="float:right;">Delete</button>
-        <button class="refresh-website-list" style="width:40px; padding: 10px; float: right; margin-right: 10px;" title="Refresh"><svg style="width: 18px; height: 18px; margin-top: -2px; display: block;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" stroke-width="2"><g stroke-width="2" transform="translate(0.5, 0.5)"><path data-cap="butt" d="M29.382,9.217A15,15,0,0,0,1,16" fill="none" stroke="#444444" stroke-miterlimit="10" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"></path><polyline points="28.383 1.22 29.383 9.22 21.383 8.22" fill="none" stroke="#444444" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></polyline><path data-cap="butt" data-color="color-2" d="M2.618,22.783A15,15,0,0,0,31,16" fill="none" stroke="#444444" stroke-miterlimit="10" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"></path><polyline data-color="color-2" points="3.617 30.78 2.617 22.78 10.617 23.78" fill="none" stroke="#444444" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></polyline></g></svg></button>
+        <button class="refresh-website-list" style="width:40px; padding: 10px; float: right; margin-right: 10px;" title="Refresh"><svg class="refresh-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" stroke-width="2"><g stroke-width="2" transform="translate(0.5, 0.5)"><path data-cap="butt" d="M29.382,9.217A15,15,0,0,0,1,16" fill="none" stroke="#444444" stroke-miterlimit="10" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"></path><polyline points="28.383 1.22 29.383 9.22 21.383 8.22" fill="none" stroke="#444444" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></polyline><path data-cap="butt" data-color="color-2" d="M2.618,22.783A15,15,0,0,0,31,16" fill="none" stroke="#444444" stroke-miterlimit="10" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"></path><polyline data-color="color-2" points="3.617 30.78 2.617 22.78 10.617 23.78" fill="none" stroke="#444444" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></polyline></g></svg></button>
         <div style="overflow-x: auto; clear: both;">
             <table class="table" id="website-list-table">
                 <thead class="disable-user-select">
diff --git a/src/dev-center/js/websites.js b/src/dev-center/js/websites.js
index b8e509882..143e1435e 100644
--- a/src/dev-center/js/websites.js
+++ b/src/dev-center/js/websites.js
@@ -172,7 +172,7 @@ function count_websites() {
     $('.website-card').each(function () {
         count++;
     })
-    $('.website-count').html(count);
+    $('.website-count').html(count ? count : '');
     return count;
 }
 
diff --git a/src/dev-center/js/workers.js b/src/dev-center/js/workers.js
index 2e89d06a9..d6ad910e4 100644
--- a/src/dev-center/js/workers.js
+++ b/src/dev-center/js/workers.js
@@ -14,7 +14,11 @@ window.refresh_worker_list = async (show_loading = false) => {
         puter.ui.showSpinner();
 
     // puter.workers.list() returns an array of worker objects
-    window.workers = await puter.workers.list();
+    try {
+        window.workers = await puter.workers.list();
+    } catch (err) {
+        console.error('Error refreshing worker list:', err);
+    }
 
     // Get workers
     if (window.activeTab === 'workers' && window.workers.length > 0) {
@@ -198,7 +202,7 @@ function count_workers() {
     $('.worker-card').each(function () {
         count++;
     })
-    $('.worker-count').html(count);
+    $('.worker-count').html(count ? count : '');
     return count;
 }