diff --git a/src/app/components/Footer.tsx b/src/app/components/Footer.tsx
index 42d4ca0..809cfae 100644
--- a/src/app/components/Footer.tsx
+++ b/src/app/components/Footer.tsx
@@ -1,4 +1,5 @@
 import Link from 'next/link';
+import Image from 'next/image';
 
 export default function Footer() {
   return (
@@ -7,10 +8,12 @@ export default function Footer() {
         <div className="row">
           <div className="col">
             <a href="https://suffolk.edu">
-              <img
+              <Image
                 src="/suffolk_law.png"
                 alt="Suffolk University Law School"
                 className="img-fluid mb-2 suffolk-logo"
+                width={497}
+                height={70}
               />
             </a>
           </div>
diff --git a/src/app/components/NavigationBar.tsx b/src/app/components/NavigationBar.tsx
index 246f28b..7e1ed26 100644
--- a/src/app/components/NavigationBar.tsx
+++ b/src/app/components/NavigationBar.tsx
@@ -1,6 +1,7 @@
 import Link from 'next/link';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faLanguage } from '@fortawesome/free-solid-svg-icons';
+import Image from 'next/image';
 
 export default function NavigationBar() {
   return (
@@ -10,7 +11,13 @@ export default function NavigationBar() {
     >
       <div className="container">
         <Link href="/" className="navbar-brand d-flex align-items-center">
-          <img src="/logo-short.png" alt="Logo" className="logo-image me-2" />
+          <Image
+            src="/logo-short.png"
+            width={66.5}
+            height={40}
+            alt="Logo"
+            className="logo-image me-2"
+          />
           <span id="nav-header-text" className="logo-text">
             Court Forms Online
           </span>