diff --git a/src/bundle/Resources/public/scss/fieldType/edit/_ezmedia.scss b/src/bundle/Resources/public/scss/fieldType/edit/_ezmedia.scss
index 71a1234486..14e2f923de 100644
--- a/src/bundle/Resources/public/scss/fieldType/edit/_ezmedia.scss
+++ b/src/bundle/Resources/public/scss/fieldType/edit/_ezmedia.scss
@@ -1,28 +1,35 @@
 .ibexa-field-edit--ezmedia {
     .ibexa-field-edit-preview {
         &__details {
-            display: flex;
-            flex-wrap: wrap;
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            grid-column-gap: calculateRem(16px);
+            grid-row-gap: calculateRem(12px);
+            width: 100%;
         }
 
         &__file-name-wrapper,
         &__file-size-wrapper,
         &__control,
         &__settings {
-            flex-basis: 50%;
+            min-width: 0;
             padding: calculateRem(8px);
 
             .ibexa-label {
                 margin-top: 0;
                 margin-bottom: 0;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
             }
         }
 
         &__input-wrapper {
             &--checkbox-input {
-                display: flex;
-                align-items: flex-start;
-                gap: calculateRem(8px);
+                display: grid;
+                grid-template-columns: auto 1fr;
+                row-gap: calculateRem(12px);
+                column-gap: calculateRem(8px);
 
                 .ibexa-input--checkbox {
                     margin-top: calculateRem(4px);