diff --git a/uidev/assets/gui/various_widgets.xml b/uidev/assets/gui/various_widgets.xml
index 1f86bba1..d4c4c4ff 100644
--- a/uidev/assets/gui/various_widgets.xml
+++ b/uidev/assets/gui/various_widgets.xml
@@ -11,17 +11,17 @@
       <div margin_left="16" gap="8" flex_direction="column">
         <label id="label_current_option" text="Click any of these buttons" size="20" weight="bold" />
         <div gap="4">
-          <button id="button_red" text="Red button" width="220" height="32" color="#FF0000" />
-          <button id="button_aqua" text="Aqua button" width="220" height="32" color="#00FFFF" />
-          <button id="button_yellow" text="Yellow button" width="220" height="32" color="#FFFF00" />
+          <Button id="button_red" text="Red button" width="220" height="32" color="#FF0000" />
+          <Button id="button_aqua" text="Aqua button" width="220" height="32" color="#00FFFF" />
+          <Button id="button_yellow" text="Yellow button" width="220" height="32" color="#FFFF00" />
         </div>
-        <button id="button_click_me" text="Click me" width="128" height="24" color="#FFFFFF" />
+        <Button id="button_click_me" text="Click me" width="128" height="24" color="#FFFFFF" />
 
         <div gap="8" align_items="center">
-          <check_box id="cb_first" text="I'm a checkbox!" />
-          <check_box text="and me too!" />
-          <check_box text="i'm tall" box_size="32" />
-          <check_box text="i'm checked by default" checked="1" />
+          <CheckBox id="cb_first" text="I'm a checkbox!" />
+          <CheckBox text="and me too!" />
+          <CheckBox text="i'm tall" box_size="32" />
+          <CheckBox text="i'm checked by default" checked="1" />
         </div>
 
         <label text="custom attrib test, you should see three rectangles below, each of them in R, G and B" />
@@ -39,13 +39,13 @@
           <rectangle width="128" height="2" />
 
           <label text="range 0-100 value 25" />
-          <slider width="200" height="16" min_value="0" max_value="100" value="25" />
+          <Slider width="200" height="16" min_value="0" max_value="100" value="25" />
 
           <label text="range 10-20 value 15" />
-          <slider width="200" height="16" min_value="10" max_value="20" value="15" />
+          <Slider width="200" height="16" min_value="10" max_value="20" value="15" />
 
           <label text="range -10-42 value 0" />
-          <slider width="200" height="16" min_value="-10" max_value="42" value="0" />
+          <Slider width="200" height="16" min_value="-10" max_value="42" value="0" />
         </div>
 
         <div flex_direction="column" gap="8">
@@ -54,13 +54,13 @@
           <rectangle width="128" height="2" />
 
           <label text="range 0-100 value 25" />
-          <slider width="200" height="24" min_value="0" max_value="100" value="25" />
+          <Slider width="200" height="24" min_value="0" max_value="100" value="25" />
 
           <label text="range 10-20 value 15" />
-          <slider width="200" height="24" min_value="10" max_value="20" value="15" />
+          <Slider width="200" height="24" min_value="10" max_value="20" value="15" />
 
           <label text="range -10-42 value 0" />
-          <slider width="200" height="24" min_value="-10" max_value="42" value="0" />
+          <Slider width="200" height="24" min_value="-10" max_value="42" value="0" />
         </div>
 
         <div flex_direction="column" gap="8">
@@ -69,13 +69,13 @@
           <rectangle width="128" height="2" />
 
           <label text="range 0-100 value 25" />
-          <slider width="200" height="32" min_value="0" max_value="100" value="25" />
+          <Slider width="200" height="32" min_value="0" max_value="100" value="25" />
 
           <label text="range 10-20 value 15" />
-          <slider width="200" height="32" min_value="10" max_value="20" value="15" />
+          <Slider width="200" height="32" min_value="10" max_value="20" value="15" />
 
           <label text="range -10-42 value 0" />
-          <slider width="200" height="32" min_value="-10" max_value="42" value="0" />
+          <Slider width="200" height="32" min_value="-10" max_value="42" value="0" />
         </div>
       </div>
     </rectangle>
diff --git a/wgui/src/parser/mod.rs b/wgui/src/parser/mod.rs
index 3eb2d149..d8722564 100644
--- a/wgui/src/parser/mod.rs
+++ b/wgui/src/parser/mod.rs
@@ -660,13 +660,13 @@ fn parse_child<'a, U1, U2>(
 		"sprite" => {
 			new_widget_id = Some(parse_widget_sprite(file, ctx, child_node, parent_id)?);
 		}
-		"button" => {
+		"Button" => {
 			new_widget_id = Some(parse_component_button(file, ctx, child_node, parent_id)?);
 		}
-		"slider" => {
+		"Slider" => {
 			new_widget_id = Some(parse_component_slider(file, ctx, child_node, parent_id)?);
 		}
-		"check_box" => {
+		"CheckBox" => {
 			new_widget_id = Some(parse_component_checkbox(file, ctx, child_node, parent_id)?);
 		}
 		"" => { /* ignore */ }
diff --git a/wlx-overlay-s/src/assets/gui/bar.xml b/wlx-overlay-s/src/assets/gui/bar.xml
index 263448cf..58b58368 100644
--- a/wlx-overlay-s/src/assets/gui/bar.xml
+++ b/wlx-overlay-s/src/assets/gui/bar.xml
@@ -21,7 +21,7 @@
       </rectangle>
       <rectangle padding="8" gap="8" round="100%" color="~bg_color_active" justify_content="center" align_items="center">
         <label size="18" translation="BAR.OPACITY" color="~text_color" />
-        <slider width="150" height="24" min_value="0" max_value="100" value="100" />
+        <Slider width="150" height="24" min_value="0" max_value="100" value="100" />
         <label size="18" translation="BAR.ADDITIVE" color="~text_color" />
         <sprite color="~device_color" width="20" height="20" src="bar/checkbox-checked.svg" />
       </rectangle>