diff --git a/app/institutions/dashboard/-components/institutional-dashboard-wrapper/styles.scss b/app/institutions/dashboard/-components/institutional-dashboard-wrapper/styles.scss
index 7613d27222..08a87d59c7 100644
--- a/app/institutions/dashboard/-components/institutional-dashboard-wrapper/styles.scss
+++ b/app/institutions/dashboard/-components/institutional-dashboard-wrapper/styles.scss
@@ -19,6 +19,11 @@
     justify-content: space-between;
 }
 
+.institution-banner {
+    max-width: 100%;
+    max-height: 300px;
+}
+
 .tab-list {
     @include clamp-width;
     @include tab-list;
diff --git a/app/institutions/dashboard/-components/institutional-dashboard-wrapper/template.hbs b/app/institutions/dashboard/-components/institutional-dashboard-wrapper/template.hbs
index acdccd258c..1815421af6 100644
--- a/app/institutions/dashboard/-components/institutional-dashboard-wrapper/template.hbs
+++ b/app/institutions/dashboard/-components/institutional-dashboard-wrapper/template.hbs
@@ -7,7 +7,7 @@
         local-class='heading-wrapper'
     >
         <div local-class='banner'>
-            <img src='{{@institution.bannerUrl}}' alt='{{@institution.name}}'>
+            <img local-class='institution-banner' src='{{@institution.bannerUrl}}' alt='{{@institution.name}}'>
         </div>
         <ul
             data-analytics-scope='Dashboard tabs'