diff --git a/angular/src/app/components/product-modal/product-modal.component.html b/angular/src/app/components/product-modal/product-modal.component.html
index 1b5ce23..b737b68 100644
--- a/angular/src/app/components/product-modal/product-modal.component.html
+++ b/angular/src/app/components/product-modal/product-modal.component.html
@@ -1,5 +1,7 @@
 <div class="product-modal">
-  <div class="product-modal__information-container">
+  <div class="product-modal__information-container" [ngStyle]="{
+    'max-width': product.modifiers_group.length ? 'calc(50% - 16px)' : '100%'
+  }">
     <img
       src="{{
         product.image?.length ? product.image : './assets/no-image.png'
diff --git a/angular/src/app/components/product-modal/product-modal.component.scss b/angular/src/app/components/product-modal/product-modal.component.scss
index b447ea8..71f8495 100644
--- a/angular/src/app/components/product-modal/product-modal.component.scss
+++ b/angular/src/app/components/product-modal/product-modal.component.scss
@@ -7,7 +7,6 @@
     gap: 32px;
 
     &__information-container {
-      max-width: calc(50% - 16px);
       img {
         width: 100%;
         border-radius: 1.125rem;
@@ -133,7 +132,7 @@
       flex-direction: column;
 
       &__information-container {
-        max-width: 100%;
+        max-width: 100% !important;
       }
     }
   }