diff --git a/assets/clicker_treat_bone.png b/assets/clicker_treat_bone.png
new file mode 100644
index 0000000..afe9d42
Binary files /dev/null and b/assets/clicker_treat_bone.png differ
diff --git a/assets/config.json b/assets/config.json
index f4c8121..30e1539 100644
--- a/assets/config.json
+++ b/assets/config.json
@@ -2,6 +2,7 @@
   "sounds": {
     "ui_click": "assets/sounds/ui_click.ogg",
     "ui_hover": "assets/sounds/ui_hover.ogg",
+    "clicker_bark": "assets/sounds/clicker_bark.ogg",
     "blank": "assets/sounds/blank.ogg"
   },
   "sprites": {
@@ -14,6 +15,11 @@
     {"path": "assets/clicker_the_dog-1024.png",
       "frame_width": 1024,
       "frame_height": 1024
+    },
+    "clicker_treat_bone":
+    {"path": "assets/clicker_treat_bone.png",
+      "frame_width": 256,
+      "frame_height": 144
     }
   },
   "graphics": {
diff --git a/assets/sounds/clicker_bark.ogg b/assets/sounds/clicker_bark.ogg
new file mode 100644
index 0000000..305661f
Binary files /dev/null and b/assets/sounds/clicker_bark.ogg differ
diff --git a/demos/clicker_game.cpp b/demos/clicker_game.cpp
index 7fbadf3..5464543 100644
--- a/demos/clicker_game.cpp
+++ b/demos/clicker_game.cpp
@@ -37,12 +37,14 @@ struct ClickerUI {
       if(name != "clicker") {
         $gui.set<guecs::Rectangle>(id, {});
         $gui.set<guecs::Effect>(id, {});
-        $gui.set<guecs::Label>(id, { guecs::to_wstring(name) });
+        $gui.set<guecs::Sprite>(id, { "clicker_treat_bone" });
+        fmt::println("button dim: {},{}", cell.w, cell.h);
         $gui.set<guecs::Clickable>(id, {
             [&](auto, auto) { handle_button(Event::A_BUTTON); }
         });
       } else {
         $gui.set<guecs::Sprite>(id, {"clicker_the_dog"});
+        $gui.set<guecs::Sound>(id, {"clicker_bark"});
         $gui.set<guecs::Effect>(id, {0.1f, "ui_shader"});
         $gui.set<guecs::Clickable>(id, {
             [&](auto, auto) { handle_button(Event::CLICKER); }