diff --git a/src/app.html b/src/app.html
index 020cd48..637cc90 100644
--- a/src/app.html
+++ b/src/app.html
@@ -1,15 +1,12 @@
 <!doctype html>
-<html lang="en">
-
+<html dir="ltr" lang="en">
 <head>
     <meta charset="utf-8" />
     <link rel="icon" href="%sveltekit.assets%/favicon.png" />
-    <meta name="viewport" content="width=device-width" />
     %sveltekit.head%
 </head>
 
 <body data-sveltekit-preload-data="hover">
     <div style="display: contents">%sveltekit.body%</div>
 </body>
-
 </html>
\ No newline at end of file
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 513e710..741305f 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,11 +1,25 @@
 <script lang="ts">
 	import { setupIonicBase } from 'ionic-svelte';
+
 	setupIonicBase();
+
 	import '@fontsource/poppins';
 	import 'ionic-svelte/components/all';
 	import '../theme/variables.css';
 </script>
 
+<svelte:head>
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
+	<script
+		type="module"
+		src="https://cdn.jsdelivr.net/npm/@didroom/components/dist/didroom-components/didroom-components.esm.js"
+	></script>
+	<link
+		rel="stylesheet"
+		href="https://cdn.jsdelivr.net/npm/@didroom/components/dist/didroom-components/didroom-components.css"
+	/>
+</svelte:head>
+
 <ion-app>
 	<slot />
 </ion-app>
