diff --git a/frontend/src/lib/components/card/Card.svelte b/frontend/src/lib/components/card/Card.svelte
index f6c3cbf..be650ec 100644
--- a/frontend/src/lib/components/card/Card.svelte
+++ b/frontend/src/lib/components/card/Card.svelte
@@ -43,7 +43,7 @@
 		border-radius: 6px;
 		border: 1px solid #555;
 		font-family: 'Open Sans', sans-serif;
-		font-size: 14px;
+		font-size: 1.3rem;
 		margin-bottom: 10px;
 
 		&:hover {
@@ -66,7 +66,7 @@
 		margin: 4px 4px 0 0;
 		text-transform: uppercase;
 		border-radius: 3px;
-		font-size: 90%;
+		font-size: 80%;
 	}
 
 	.header {
diff --git a/frontend/src/lib/components/card/ModalCard.svelte b/frontend/src/lib/components/card/ModalCard.svelte
index 72d7be2..846ede5 100644
--- a/frontend/src/lib/components/card/ModalCard.svelte
+++ b/frontend/src/lib/components/card/ModalCard.svelte
@@ -95,7 +95,7 @@
 	}
 
 	.modal .title {
-		font-size: 24px;
+		font-size: 2rem;
 		font-weight: bold;
 		width: 100%;
 	}
diff --git a/frontend/src/lib/components/menu/Menu.svelte b/frontend/src/lib/components/menu/Menu.svelte
index ee387a0..da3f482 100644
--- a/frontend/src/lib/components/menu/Menu.svelte
+++ b/frontend/src/lib/components/menu/Menu.svelte
@@ -40,5 +40,6 @@
 		background-color: #222;
 		border: 1px solid #666;
 		padding: 10px 0;
+		font-size: 1.3rem;
 	}
 </style>
diff --git a/frontend/src/lib/components/project/Column.svelte b/frontend/src/lib/components/project/Column.svelte
index 652532c..afa42a5 100644
--- a/frontend/src/lib/components/project/Column.svelte
+++ b/frontend/src/lib/components/project/Column.svelte
@@ -177,7 +177,7 @@
 		cursor: pointer;
 		border-radius: 4px;
 		height: 40px;
-		font-size: 150%;
+		font-size: 2rem;
 		display: flex;
 		justify-content: center;
 		align-items: center;
diff --git a/frontend/src/lib/components/project/Header.svelte b/frontend/src/lib/components/project/Header.svelte
index 2314f26..df1de08 100644
--- a/frontend/src/lib/components/project/Header.svelte
+++ b/frontend/src/lib/components/project/Header.svelte
@@ -116,7 +116,7 @@
 	}
 
 	h2 {
-		font-size: 30px;
+		font-size: 3rem;
 	}
 
 	nav {
@@ -132,7 +132,7 @@
 			border-radius: 7px;
 			border: none;
 			background-color: transparent;
-			font-size: inherit;
+			font-size: 1.5rem;
 
 			&.defined {
 				color: #6481cc;
diff --git a/frontend/src/lib/components/project/Sidebar.svelte b/frontend/src/lib/components/project/Sidebar.svelte
index c9b590b..453f078 100644
--- a/frontend/src/lib/components/project/Sidebar.svelte
+++ b/frontend/src/lib/components/project/Sidebar.svelte
@@ -134,7 +134,7 @@
 		display: flex;
 		flex-direction: column;
 		justify-content: space-between;
-		font-size: 22px;
+		font-size: 2rem;
 		transition: transform 0.3s ease-in-out;
 	}
 
@@ -184,11 +184,10 @@
 		padding: 20px;
 
 		#title {
-			font-size: 40px;
+			font-size: 3rem;
 		}
 
 		#version {
-			font-size: 25px;
 			color: #aaa;
 			margin-bottom: 3px;
 		}
@@ -197,12 +196,11 @@
 	#views {
 		h2 {
 			font-weight: normal;
-			font-size: 25px;
+			font-size: 2.5rem;
 			padding: 20px 10px;
 		}
 
 		ul {
-			font-size: 22px;
 			padding: 10px;
 		}
 
@@ -225,7 +223,7 @@
 			background-color: transparent;
 			border: none;
 			color: inherit;
-			font-size: 17px;
+			font-size: 1.6rem;
 			width: 60%;
 
 			&:focus {
@@ -241,7 +239,6 @@
 			background-color: transparent;
 			border: none;
 			color: inherit;
-			font-size: 17px;
 			cursor: pointer;
 		}
 
diff --git a/frontend/src/lib/components/tags/ModalNewTag.svelte b/frontend/src/lib/components/tags/ModalNewTag.svelte
index 4ed5e13..b7a11af 100644
--- a/frontend/src/lib/components/tags/ModalNewTag.svelte
+++ b/frontend/src/lib/components/tags/ModalNewTag.svelte
@@ -81,7 +81,6 @@
 			color: inherit;
 			border: 1px solid #666;
 			padding: 3px 5px;
-			font-size: inherit;
 			border-radius: 5px;
 		}
 
diff --git a/frontend/src/lib/components/tags/ModalTags.svelte b/frontend/src/lib/components/tags/ModalTags.svelte
index f4acd8e..8ede89c 100644
--- a/frontend/src/lib/components/tags/ModalTags.svelte
+++ b/frontend/src/lib/components/tags/ModalTags.svelte
@@ -17,3 +17,9 @@
 	{/each}
 	<ModalNewTag project={card.project} />
 </table>
+
+<style lang="less">
+	table {
+		font-size: 1.3rem;
+	}
+</style>
diff --git a/frontend/static/css/global.css b/frontend/static/css/global.css
index e51ede2..a5e7b1e 100644
--- a/frontend/static/css/global.css
+++ b/frontend/static/css/global.css
@@ -3,6 +3,10 @@
     padding: 0;
 }
 
+html {
+    font-size: 66%;
+}
+
 body {
     font-family: "Open sans", sans-serif;
     color: white;