diff --git a/client/src/workspace/layouts/AppsViewLayout.tsx b/client/src/workspace/layouts/AppsViewLayout.tsx
index 39f617613..ee3ebf0d6 100644
--- a/client/src/workspace/layouts/AppsViewLayout.tsx
+++ b/client/src/workspace/layouts/AppsViewLayout.tsx
@@ -60,7 +60,9 @@ export const AppsViewLayout: React.FC = () => {
             </Flex>
           </Header>
           {htmlApp ? (
-            <div className={styles['overflow']}>
+            <div
+              className={`${styles['overflow']} ${styles['html-app-container']}`}
+            >
               {parse(htmlApp.html as string)}
             </div>
           ) : (
diff --git a/client/src/workspace/layouts/layout.module.css b/client/src/workspace/layouts/layout.module.css
index 2668643da..dc48d3cc4 100644
--- a/client/src/workspace/layouts/layout.module.css
+++ b/client/src/workspace/layouts/layout.module.css
@@ -14,6 +14,12 @@
   overflow: auto;
 }
 
+.html-app-container {
+  & p {
+    margin-block: 1em 2em;
+  }
+}
+
 .appDetail-placeholder-message {
   display: flex;
   justify-content: center;
diff --git a/designsafe/static/styles/ng-designsafe.css b/designsafe/static/styles/ng-designsafe.css
index 94ac89369..b555c2552 100644
--- a/designsafe/static/styles/ng-designsafe.css
+++ b/designsafe/static/styles/ng-designsafe.css
@@ -1074,8 +1074,3 @@ i[class^="icon-ls-pre/post"]:before,
 :root {
     color-scheme: only light !important;
 }
-
-.html-app-container {
-    padding: 30px !important;
-    margin-top: 20px !important;
-}