diff --git a/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-unit.vue b/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-unit.vue
index 8b39c65817..1c95d39d16 100644
--- a/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-unit.vue
+++ b/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-unit.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <f7-block-header>
+    <f7-block-header class="padding-horizontal">
       <b style="color: var(--f7-theme-color) !important;">WARNING: Changing the internal unit can corrupt your persisted data!</b>
     </f7-block-header>
     <f7-list>
@@ -13,7 +13,7 @@
         :value="metadata.value"
         @blur="(evt) => metadata.value = evt.target.value" />
     </f7-list>
-    <f7-block-footer class="param-description">
+    <f7-block-footer class="param-description padding-horizontal">
       <small>All processed values are internally normalized to the specified <code>unit</code>. The normalized value is used to propagate the value to external integrations (e.g. persistence, REST API, WebSocket) so these values will always have the specified unit and scale.
         <br>
         Changing the <code>unit</code> will change the values that these systems receive.