diff --git a/src/app/shared/about/about.component.css b/src/app/shared/about/about.component.css
index cbf25d83e53161e2bfe9524f48abbe82c72e31e3..4a9f3de4150444470b0d301c1752aa16ef708229 100644
--- a/src/app/shared/about/about.component.css
+++ b/src/app/shared/about/about.component.css
@@ -16,3 +16,11 @@
     padding-left: 15px;
     padding-right:15px;
 }
+.position{
+    display: flex;
+}
+@media (max-width: 991px){
+    .position{
+        flex-direction: column-reverse;
+    }
+}
diff --git a/src/app/shared/about/about.component.html b/src/app/shared/about/about.component.html
index 0506a82836150adaf96070d5a2c377a427eb4cb9..ff42c99f3437ff958672c4ce3669db211eb54f25 100644
--- a/src/app/shared/about/about.component.html
+++ b/src/app/shared/about/about.component.html
@@ -1,4 +1,4 @@
-<div class="col-md-offset-1 col-md-10 col-lg-offset-1 col-lg-10 row" style="padding-bottom: 80px; padding-top: 80px;">
+<div class="col-md-offset-1 col-md-10 col-lg-offset-1 col-lg-10 row position" style="padding-bottom: 80px; padding-top: 80px;">
     <div class="col-md-6">
         <div class="" style="padding-bottom: 15px;">
             <h2>{{ 'ABOUT.CHANGELOG_TITLE' | translate }}</h2>