diff --git a/src/app/about/about.component.css b/src/app/about/about.component.css
index 4a1feb3..ee3a3a9 100644
--- a/src/app/about/about.component.css
+++ b/src/app/about/about.component.css
@@ -70,7 +70,9 @@
     opacity: 1;
 }
 
-
+.architecture-image {
+    align-self: start;
+}
 
 /*.block-ellipsis {*/
 /*    display: -webkit-box;*/
@@ -79,4 +81,4 @@
 /*    overflow: hidden;*/
 /*    text-overflow: ellipsis;*/
 /*    -webkit-line-clamp: 3;*/
-/*}*/
\ No newline at end of file
+/*}*/
diff --git a/src/app/about/about.component.html b/src/app/about/about.component.html
index 94305f8..6ce5404 100644
--- a/src/app/about/about.component.html
+++ b/src/app/about/about.component.html
@@ -48,8 +48,8 @@
         </div>
       </div>
     </div>
-    <div class="uk-flex uk-flex-center uk-inline">
-      <img [src]="'assets/graph-assets/about/architecture/'+architectureImage" class="uk-width-4-5@m">
+    <div class="uk-flex uk-flex-center uk-container uk-inline">
+      <img [src]="'assets/graph-assets/about/architecture/'+architectureImage" class="uk-width-4-5@m architecture-image">
       <a class="uk-position-absolute uk-transform-center" style="left: 27%; top: 48%"
          (click)="goTo('tabs_card'); changeTab(0)"
          (mouseenter)="architectureImage = 'aggregation_hover.png'" (mouseleave)="architectureImage = 'gray.png'">
@@ -583,4 +583,4 @@
 <!--    </div>-->
   </div>
 <!--  </div>-->
-</div>
\ No newline at end of file
+</div>