adding

dist/plain-ui.css

@@ -847,7 +847,7 @@ svg.field-choice__checked {
   margin-right: 0;
 }
 .panel__body {
-  padding: 0.6em 1.2em;
+  padding: 0.25em 1em;
 }
 
 .figure {
@@ -943,9 +943,9 @@ img.media {
 }
 .bar__start {
   justify-content: start;
-  width: -webkit-fit-content;
-  width: -moz-fit-content;
-  width: fit-content;
+  min-width: -webkit-max-content;
+  min-width: -moz-max-content;
+  min-width: max-content;
 }
 .bar__main {
   width: 100%;
@@ -953,9 +953,9 @@ img.media {
 .bar__end {
   text-align: right;
   margin-left: 0.75em;
-  width: -webkit-fit-content;
-  width: -moz-fit-content;
-  width: fit-content;
+  min-width: -webkit-max-content;
+  min-width: -moz-max-content;
+  min-width: max-content;
 }
 .bar__start, .bar__main, .bar__end {
   align-self: center;

src/scss/components/_bar.scss

@@ -20,7 +20,7 @@
 
         &__start {
             justify-content: start;
-            width: fit-content;
+            min-width: max-content;
         }
 
         &__main {
@@ -30,7 +30,7 @@
         &__end {
             text-align: right;
             margin-left: 0.75em;
-            width: fit-content;
+            min-width: max-content;
         }
 
         &__start, &__main, &__end {

src/scss/components/_panel.scss

@@ -51,7 +51,7 @@
         }
 
         &__body {
-            padding: 0.6em 1.2em;
+            padding: 0.25em 1em;
         }
     }
 }

webpack.mix.js

@@ -38,9 +38,4 @@ mix.webpackConfig({
 
 mix
     .sass('src/scss/plain-ui.scss', 'dist/plain-ui.css')
-    .copy('src/fonts/*', 'dist/fonts')
-    .options({
-        postCss: [
-            require('postcss-css-variables')()
-        ]
-    })
+    .copy('src/fonts/*', 'dist/fonts')