diff --git a/src/components/CiaFlowCodeViewer.vue b/src/components/CiaFlowCodeViewer.vue
index d17e7af..66a700a 100644
--- a/src/components/CiaFlowCodeViewer.vue
+++ b/src/components/CiaFlowCodeViewer.vue
@@ -110,7 +110,7 @@ function defineNodes() {
 </script>
 
 <template>
-    <Dialog v-model:visible="dialogCodeVisible" modal :header="'Change on: '+selectionNode.classname" class="change-modal":style="{ width: '70vw', minHeight:'75vh'}">
+    <Dialog v-model:visible="dialogCodeVisible" modal :header="'Change on: '+selectionNode.classname" class="change-modal":style="{ width: '90vw', minHeight:'90vh'}">
       <CiaSingleImpactView :change="selectionNode"></CiaSingleImpactView>
 
     </Dialog>
diff --git a/src/components/CiaSingleImpactView.vue b/src/components/CiaSingleImpactView.vue
index 5fc40aa..98f0d9c 100644
--- a/src/components/CiaSingleImpactView.vue
+++ b/src/components/CiaSingleImpactView.vue
@@ -14,7 +14,7 @@
                 </TabPanel>
                 <TabPanel value="1">
                     <p class="m-0">
-                        <div class="flex items-center gap-4 mb-4">
+                        <div class="flex items-center gap-4 mb-4 text-sm">
                             <CodeDiff
                                 :old-string="change.previous_code"
                                 :new-string="change.new_code"