diff --git a/src/components/DataQuery/DataQueryTemplateForm.tsx b/src/components/DataQuery/DataQueryTemplateForm.tsx
index fc3f7ce..bdac117 100644
--- a/src/components/DataQuery/DataQueryTemplateForm.tsx
+++ b/src/components/DataQuery/DataQueryTemplateForm.tsx
@@ -113,7 +113,7 @@ export const DataQueryTemplateForm = ({value,onChange, showErrors}:DataQueryTemp
                 <CodeMirror value={QUERY_HEADER}
                     extensions={[StreamLanguage.define(sparql)]}
                     readOnly
-                    className="cm-readonly"
+                    className={"cm-readonly header" + (lastLine>11 ? " bigger" : "")}
                 />
                 <CodeMirror value={template}
                     extensions={[
@@ -128,7 +128,7 @@ export const DataQueryTemplateForm = ({value,onChange, showErrors}:DataQueryTemp
                         lineNumbers({formatNumber: (lineNo:number, state: EditorState) => `${lastLine}`})
                     ]}
                     readOnly
-                    className="cm-readonly"
+                    className={"cm-readonly footer " + (lastLine>11 ? "bigger" : "")}
                 />
             </Card>
         </Box>
diff --git a/src/styles/index.css b/src/styles/index.css
index b97c06a..0a1f2d2 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -24,6 +24,14 @@ code {
   background: transparent !important;
 }
 
-.cm-readonly * .cm-gutters {
+.cm-readonly.header * .cm-gutters {
   padding-left: 7px !important;
+}
+
+.cm-readonly.header.bigger * .cm-gutters {
+  padding-left: 16px !important;
+}
+
+.cm-readonly.footer.bigger * .cm-gutters {
+  padding-left: 9px !important;
 }
\ No newline at end of file