diff --git a/src/bedsidemon/application.cpp b/src/bedsidemon/application.cpp
index 3b39db4..93807db 100644
--- a/src/bedsidemon/application.cpp
+++ b/src/bedsidemon/application.cpp
@@ -50,6 +50,25 @@ application::application(bool window, std::string_view res_path) :
 	this->gui.context.get().loader.mount_res_pack(*this->get_res_file(papki::as_dir(res_path)));
 
 	auto c = make_root_widgets(this->gui.context);
+
+	// set up clock update
+	{
+		constexpr auto clock_update_interval_ms = 1000;
+
+		this->clock_timer = utki::make_shared<ruis::timer>( //
+			this->gui.context.get().updater,
+			[this](uint32_t elapsed_ms) {
+				// TODO: update time
+				std::cout << "timeout" << std::endl;
+				this->clock_timer->stop();
+				this->clock_timer->start(clock_update_interval_ms);
+				std::cout << "timeout exit" << std::endl;
+				ASSERT(this->clock_timer->is_running())
+			}
+		);
+		this->clock_timer->start(0);
+	}
+
 	this->gui.set_root(c);
 
 	auto& pw_container = c.get().get_widget_as<ruis::container>("pw_container");
diff --git a/src/bedsidemon/application.hpp b/src/bedsidemon/application.hpp
index 23ea5cf..b2fc689 100644
--- a/src/bedsidemon/application.hpp
+++ b/src/bedsidemon/application.hpp
@@ -21,6 +21,7 @@ along with this program.  If not, see <https://www.gnu.org/licenses/>.
 
 #pragma once
 
+#include <ruis/util/timer.hpp>
 #include <ruisapp/application.hpp>
 
 #include "spo2/spo2_sensor.hpp"
@@ -31,6 +32,9 @@ class application : public ruisapp::application
 {
 	std::unique_ptr<spo2_sensor> spo2_sensor_v;
 
+	// timer for updating clock view once a second
+	std::shared_ptr<ruis::timer> clock_timer;
+
 public:
 	application(bool window, std::string_view res_path);
 };
diff --git a/src/bedsidemon/gui.cpp b/src/bedsidemon/gui.cpp
index 2082c45..ce03247 100644
--- a/src/bedsidemon/gui.cpp
+++ b/src/bedsidemon/gui.cpp
@@ -23,8 +23,10 @@ along with this program.  If not, see <https://www.gnu.org/licenses/>.
 
 #include <ruis/widget/button/base/push_button.hpp>
 #include <ruis/widget/group/margins.hpp>
+#include <ruis/widget/label/gap.hpp>
 #include <ruis/widget/label/image.hpp>
 #include <ruis/widget/label/rectangle.hpp>
+#include <ruis/widget/label/text.hpp>
 
 #include "style.hpp"
 
@@ -97,14 +99,17 @@ std::vector<utki::shared_ref<ruis::widget>> make_buttons(utki::shared_ref<ruis::
 } // namespace
 
 namespace {
-utki::shared_ref<ruis::rectangle> make_separator(utki::shared_ref<ruis::context> c)
+utki::shared_ref<ruis::rectangle> make_separator(utki::shared_ref<ruis::context> c, bool vertical = false)
 {
 	// clang-format off
 	return m::rectangle(
 		std::move(c),
 		{
 			.layout_params = {
-				.dims = {lp::fill, 1_pp}
+				.dims = {
+					vertical ? 1_pp : lp::fill,
+					vertical ? lp::fill : 1_pp
+				}
 			},
 			.color_params = {
 				.color = style::color_border
@@ -113,6 +118,16 @@ utki::shared_ref<ruis::rectangle> make_separator(utki::shared_ref<ruis::context>
 	);
 	// clang-format on
 }
+
+auto make_horizontal_separator(utki::shared_ref<ruis::context> c)
+{
+	return make_separator(c);
+}
+
+auto make_vertical_separator(utki::shared_ref<ruis::context> c)
+{
+	return make_separator(c, true);
+}
 } // namespace
 
 utki::shared_ref<ruis::widget> bedsidemon::make_root_widgets(utki::shared_ref<ruis::context> c)
@@ -129,18 +144,60 @@ utki::shared_ref<ruis::widget> bedsidemon::make_root_widgets(utki::shared_ref<ru
 				}
 			},
 			{
-				m::container(c,
+				m::row(c,
 					{
 						.layout_params = {
 							.dims = {lp::fill, alarms_area_height}
-						},
-						.widget_params = {
-							.id = "notification_area"s,
 						}
+					},
+					{
+						m::row(c,
+							{
+								.layout_params = {
+									.dims = {lp::fill, lp::fill},
+									.weight = 1
+								},
+								.widget_params = {
+									.id = "notification_area"s,
+								}
+							}
+						),
+						make_vertical_separator(c),
+						m::gap(c,
+							{
+								.layout_params = {
+									.dims = {style::clock_padding, 0_pp}
+								}
+							}
+						),
+						m::text(c,
+							{
+								.layout_params = {
+									.dims = {lp::min, lp::min}
+								},
+								.widget_params = {
+									.id = "clock_text"s
+								},
+								.color_params = {
+									.color = style::color_info_text
+								},
+								.text_params = {
+									.font_size = style::font_size_label
+								}
+							},
+							U"10:23"s
+						),
+						m::gap(c,
+							{
+								.layout_params = {
+									.dims = {style::clock_padding, 0_pp}
+								}
+							}
+						)
 					}
 				),
-				make_separator(c),
-				m::container(c,
+				make_horizontal_separator(c),
+				m::column(c,
 					{
 						.layout_params = {
 							.dims = {lp::fill, lp::fill},
@@ -148,24 +205,18 @@ utki::shared_ref<ruis::widget> bedsidemon::make_root_widgets(utki::shared_ref<ru
 						},
 						.widget_params = {
 							.id = "pw_container"s
-						},
-						.container_params = {
-							.layout = ruis::layout::column
 						}
 					},
 					{}	
 				),
-				make_separator(c),
-				m::container(c,
+				make_horizontal_separator(c),
+				m::row(c,
 					{
 						.layout_params = {
 							.dims = {lp::fill, buttons_area_height}
 						},
 						.widget_params = {
 							.id = "button_area"s
-						},
-						.container_params = {
-							.layout = ruis::layout::row
 						}
 					},
 					make_buttons(c)
diff --git a/src/bedsidemon/spo2/spo2_parameter_window.cpp b/src/bedsidemon/spo2/spo2_parameter_window.cpp
index 587bb9b..dc56295 100644
--- a/src/bedsidemon/spo2/spo2_parameter_window.cpp
+++ b/src/bedsidemon/spo2/spo2_parameter_window.cpp
@@ -53,8 +53,6 @@ using namespace ruis::length_literals;
 constexpr auto color_main_value = 0xffffff00;
 constexpr auto color_secondary_value = 0xff00ffff;
 
-constexpr auto numeric_area_padding = 5_pp;
-
 constexpr auto font_size_label = 16_pp;
 constexpr auto font_size_main_value = 60_pp;
 constexpr auto font_size_secondary_value = 40_pp;
@@ -178,7 +176,7 @@ std::vector<utki::shared_ref<ruis::widget>> make_widgets(utki::shared_ref<ruis::
                             .layout = ruis::layout::column
                         },
                         .frame_params = {
-                            .borders = {numeric_area_padding, numeric_area_padding, numeric_area_padding, numeric_area_padding}
+                            .borders = {style::pw_padding, style::pw_padding, style::pw_padding, style::pw_padding}
                         }
                     },
                     make_numeric_content(c)
@@ -266,4 +264,5 @@ void spo2_parameter_window::trigger_heart()
 void spo2_parameter_window::on_heart_timer_expired()
 {
 	this->heart.set_visible(false);
+	std::cout << "heart" << std::endl;
 }
diff --git a/src/bedsidemon/style.hpp b/src/bedsidemon/style.hpp
index 7257f58..5d8de54 100644
--- a/src/bedsidemon/style.hpp
+++ b/src/bedsidemon/style.hpp
@@ -21,9 +21,15 @@ along with this program.  If not, see <https://www.gnu.org/licenses/>.
 
 #pragma once
 
+#include <ruis/util/length.hpp>
+
 namespace bedsidemon::style {
 
 constexpr auto color_border = 0xff808080;
 constexpr auto color_info_text = 0xff808080;
 
+constexpr auto font_size_label = ruis::length::make_pp(16);
+constexpr auto pw_padding = ruis::length::make_pp(5);
+constexpr auto clock_padding = ruis::length::make_pp(10);
+
 } // namespace bedsidemon::style