diff --git a/pdf_reader.module b/pdf_reader.module
index 6fd8f40..95857bf 100644
--- a/pdf_reader.module
+++ b/pdf_reader.module
@@ -41,6 +41,8 @@ function pdf_reader_theme($existing, $type, $theme, $path) {
         'top' => NULL,
         'bottom' => NULL,
         'service' => NULL,
+        'width' => NULL,
+        'height' => NULL,
       ],
     ],
   ];
diff --git a/src/Plugin/Field/FieldFormatter/FieldPdfReaderField.php b/src/Plugin/Field/FieldFormatter/FieldPdfReaderField.php
index acb7d31..93579f6 100644
--- a/src/Plugin/Field/FieldFormatter/FieldPdfReaderField.php
+++ b/src/Plugin/Field/FieldFormatter/FieldPdfReaderField.php
@@ -226,6 +226,8 @@ class FieldPdfReaderField extends FormatterBase {
               $elements[$delta] = [
                 '#theme' => 'pdf_reader_js',
                 '#service' => $field_display_type,
+                '#width' => $width,
+                '#height' => $height,
                 '#attached' => [
                   'drupalSettings' => [
                     'pdf_reader' => [
diff --git a/templates/pdf-reader-js.html.twig b/templates/pdf-reader-js.html.twig
index 8f4be10..d4e6810 100644
--- a/templates/pdf-reader-js.html.twig
+++ b/templates/pdf-reader-js.html.twig
@@ -1,3 +1,11 @@
+{% if height is not empty and width is not empty %}
+  {% set container_style = "width: " ~ width ~ "px; height:" ~ height ~ "px;" %}
+{% elseif width is not empty %}
+  {% set container_style = "width: " ~ width ~ "px;" %}
+{% elseif height is not empty %}
+  {% set container_style = "height: " ~ height ~ "px;" %}
+{% endif %}
+
 <div class = 'pdf-reader'>
     {% if download_link and top %}
         <div class ="download-pdf link-pdf">
@@ -106,7 +114,7 @@
       </div>
     </div>
 
-    <div id="viewerContainer">
+    <div id="viewerContainer" {% if container_style is not empty %} style="{{ container_style }}"{% endif %}>
       <div id="viewer"></div>
     </div>