diff --git a/front/src/components/AboutPod.vue b/front/src/components/AboutPod.vue
index c53a3bc87a70309c4d8806e9c5894a22eaf13a83..ad5fbe8bc598f72dd106cd04a446cc35c9c5bc78 100644
--- a/front/src/components/AboutPod.vue
+++ b/front/src/components/AboutPod.vue
@@ -1,12 +1,12 @@
 <template>
   <main class="main pusher page-about" v-title="labels.title">
-    <div class="ui container">
+    <div class="ui">
       <div class="ui horizontally fitted stripe basic segment">
         <div class="ui basic vertically fitted stripe segment content">
           <section :class="['ui', 'head', {'with-background': banner}, 'vertical', 'center', 'aligned', 'stripe', 'segment']" :style="headerStyle">
           </section>
         </div>
-        <div class="ui basic vertically fitted stripe segment content">
+        <div class="ui basic vertically fitted stripe segment content container">
           <!-- See layout in _about.scss -->
           <div class="about-pod-info-container">
             <!-- TODO: Table of contents -->
diff --git a/front/src/style/pages/_about.scss b/front/src/style/pages/_about.scss
index 02eaee16f07da5ad1649c425ee5c328042c52e9a..40e929ca0611a3f2cb5d597560672fa0916a78db 100644
--- a/front/src/style/pages/_about.scss
+++ b/front/src/style/pages/_about.scss
@@ -150,6 +150,18 @@
   }
 
   @include media('<tablet') {
+    .about-pod-info-container {
+      padding: 0 2em;
+    }
+    .ui.horizontally.fitted.stripe.basic.segment {
+      padding-top: 0px;
+    }
+    .ui.basic.vertically.fitted.stripe.segment.content {
+      padding: 0px;
+    }
+    .ui.head.vertical.center.aligned.stripe.segment {
+      border-radius: 0 !important;
+    }
     .statistics-container {
       .statistics-statistic {
         flex-basis: 50%;