diff --git a/open-isle-cli/src/assets/global.css b/open-isle-cli/src/assets/global.css
index 4838a009f..77925f063 100644
--- a/open-isle-cli/src/assets/global.css
+++ b/open-isle-cli/src/assets/global.css
@@ -165,4 +165,22 @@ body {
 .info-content-text tbody tr:hover {
   background-color: var(--menu-selected-background-color);
   transition: background-color 0.2s ease;
+}
+
+@media (max-width: 768px) {
+  .info-content-text h1 {
+    font-size: 20px;
+  }
+
+  .info-content-text h2 {
+    font-size: 18px;
+  }
+
+  .info-content-text p {
+    font-size: 12px;
+  }
+
+  .info-content-text li {
+    font-size: 12px;
+  }
 }
\ No newline at end of file
diff --git a/open-isle-cli/src/components/ArticleCategory.vue b/open-isle-cli/src/components/ArticleCategory.vue
index cd3c950c5..859f4a475 100644
--- a/open-isle-cli/src/components/ArticleCategory.vue
+++ b/open-isle-cli/src/components/ArticleCategory.vue
@@ -57,4 +57,15 @@ export default {
   width: 16px;
   height: 16px;
 }
+
+@media (max-width: 768px) {
+  .article-info-item-img {
+    width: 10px;
+    height: 10px;
+  }
+
+  .article-info-item {
+    font-size: 10px;
+  }
+}
 </style>
diff --git a/open-isle-cli/src/components/ArticleTags.vue b/open-isle-cli/src/components/ArticleTags.vue
index 2da0e8f86..ed015dcf1 100644
--- a/open-isle-cli/src/components/ArticleTags.vue
+++ b/open-isle-cli/src/components/ArticleTags.vue
@@ -63,5 +63,17 @@ export default {
   width: 16px;
   height: 16px;
 }
+
+@media (max-width: 768px) {
+  .article-info-item-img {
+    width: 10px;
+    height: 10px;
+  }
+
+  .article-info-item {
+    font-size: 10px;
+  }
+}
+
 </style>
 
diff --git a/open-isle-cli/src/views/LoginPageView.vue b/open-isle-cli/src/views/LoginPageView.vue
index 7e4761b3e..e0e2f1d2e 100644
--- a/open-isle-cli/src/views/LoginPageView.vue
+++ b/open-isle-cli/src/views/LoginPageView.vue
@@ -271,9 +271,11 @@ export default {
 @media (max-width: 768px) {
   .login-page {
     flex-direction: column;
+    justify-content: flex-start;
   }
 
   .login-page-content {
+    margin-top: 20px;
     width: calc(100% - 40px);
     border-right: none;
     padding-left: 20px;
diff --git a/open-isle-cli/src/views/PostPageView.vue b/open-isle-cli/src/views/PostPageView.vue
index d3de40b1d..5456994af 100644
--- a/open-isle-cli/src/views/PostPageView.vue
+++ b/open-isle-cli/src/views/PostPageView.vue
@@ -811,4 +811,15 @@ export default {
 .comment-editor-wrapper {
   position: relative;
 }
+
+@media (max-width: 768px) {
+  .post-page-main-container {
+    width: calc(100% - 20px);
+    padding: 10px;
+  }
+
+  .post-page-scroller-container {
+    display: none;
+  }
+}
 </style>
diff --git a/open-isle-cli/src/views/SignupPageView.vue b/open-isle-cli/src/views/SignupPageView.vue
index 17366a6d1..acc9840cc 100644
--- a/open-isle-cli/src/views/SignupPageView.vue
+++ b/open-isle-cli/src/views/SignupPageView.vue
@@ -378,14 +378,16 @@ export default {
 @media (max-width: 768px) {
   .signup-page {
     flex-direction: column;
+    justify-content: flex-start;
   }
 
   .email-signup-page-content {
     margin-top: 20px;
-    gap: 15px;
+    gap: 20px;
   }
 
   .signup-page-content {
+    margin-top: 20px;
     width: calc(100% - 40px);
     border-right: none;
     padding-left: 20px;