diff --git a/package.json b/package.json
index ce80e81f44ee6e2f8a1d0a52aa8ce8987ba43f6d..fd296260325e1f533b3d3fca706b57d8748ac100 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@itcenteratunihelsinki/huds-lib",
-  "version": "0.0.46",
+  "version": "0.0.48",
   "description": "Helsinki University Design System library",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
diff --git a/src/components/hy-key-figure-group/hy-key-figure-group.tsx b/src/components/hy-key-figure-group/hy-key-figure-group.tsx
index 9a3917ec112911e28e5410a943ec8c7c4cd2128d..8ed41d367c964552c8a40ce8dbc490b08fd5249b 100644
--- a/src/components/hy-key-figure-group/hy-key-figure-group.tsx
+++ b/src/components/hy-key-figure-group/hy-key-figure-group.tsx
@@ -56,7 +56,7 @@ export class HyKeyFigureGroup implements ComponentInterface {
     const classRowCenteredAttributes = ['hy-key-figure-group', 'hy-key-figure-group-centered'].join(' ');
 
     if (this._dataItems.length % 5 == 0) {
-      return [
+      return (
         <Host>
           <div class={classAttributes}>
             <div class={classRowAttributes}>
@@ -89,8 +89,8 @@ export class HyKeyFigureGroup implements ComponentInterface {
             </div>
           </div>
           <hy-box pb="1.5, 2.5, 2.5" />
-        </Host>,
-      ];
+        </Host>
+      );
     } else {
       return (
         <Host>
diff --git a/src/components/hy-main/hy-main.scss b/src/components/hy-main/hy-main.scss
index 75901487c5e3d72d5e416fb58cfcd16e1f102388..525785d3e8c170eb0db5e9a01ba658102e7013fe 100644
--- a/src/components/hy-main/hy-main.scss
+++ b/src/components/hy-main/hy-main.scss
@@ -1,6 +1,7 @@
 .hy-main {
   display: flex;
   //margin: var(--gutter-mobile) auto;
+  margin: 0 auto;
   max-width: $fullhd;
   padding: 0;
   width: 100%;