diff --git a/frontend/ui/src/components/HeaderClock.svelte b/frontend/ui/src/components/HeaderClock.svelte
index 739c48fc..bd717178 100644
--- a/frontend/ui/src/components/HeaderClock.svelte
+++ b/frontend/ui/src/components/HeaderClock.svelte
@@ -10,7 +10,7 @@
 {#if $settings}
     {#if $settings.end - $settings.start > 0}
         <div
-            class="clock display-2"
+            class="clock display-2 text-end text-md-center"
             class:expired={$time.expired}
             class:end={$time.end}
             class:wait={$time.startIn}
diff --git a/frontend/ui/src/routes/index.svelte b/frontend/ui/src/routes/index.svelte
index d947ec5d..22d39207 100644
--- a/frontend/ui/src/routes/index.svelte
+++ b/frontend/ui/src/routes/index.svelte
@@ -47,7 +47,7 @@
         {/if}
     {/if}
 
-    <Row cols="3">
+    <Row cols={{ lg: 3, md: 2, sm: 1 }}>
         {#each Object.keys($themes) as th, index}
             <Col class="mb-3">
             <CardTheme