diff --git a/frontend/pages/Homepage/Homepage.tsx b/frontend/pages/Homepage/Homepage.tsx
index e9907b8724..74978033c4 100644
--- a/frontend/pages/Homepage/Homepage.tsx
+++ b/frontend/pages/Homepage/Homepage.tsx
@@ -325,8 +325,8 @@ const Homepage = (): JSX.Element => {
   const macOSLayout = () => (
     <>
       <div className={`${baseClass}__section`}>{OperatingSystemsCard}</div>
-      <div className={`${baseClass}__section`}>{MunkiCard}</div>
       <div className={`${baseClass}__section`}>{MDMCard}</div>
+      <div className={`${baseClass}__section`}>{MunkiCard}</div>
     </>
   );
 
diff --git a/frontend/pages/Homepage/cards/MDM/_styles.scss b/frontend/pages/Homepage/cards/MDM/_styles.scss
index e3dbaf4216..0cbfb0c836 100644
--- a/frontend/pages/Homepage/cards/MDM/_styles.scss
+++ b/frontend/pages/Homepage/cards/MDM/_styles.scss
@@ -56,6 +56,7 @@
           text-overflow: none;
           img {
             vertical-align: text-top;
+            height: 16px;
             width: 16px;
           }
         }
diff --git a/frontend/pages/Homepage/cards/Munki/_styles.scss b/frontend/pages/Homepage/cards/Munki/_styles.scss
index 18ecd65364..a5b1c50069 100644
--- a/frontend/pages/Homepage/cards/Munki/_styles.scss
+++ b/frontend/pages/Homepage/cards/Munki/_styles.scss
@@ -75,6 +75,7 @@
             text-overflow: none;
             img {
               vertical-align: text-top;
+              height: 16px;
               width: 16px;
             }
           }