diff --git a/typescript/Frontend/src/components/Installations/Log/Log.tsx b/typescript/Frontend/src/components/Installations/Log/Log.tsx
index 2cc0cdb1a..430647ec2 100644
--- a/typescript/Frontend/src/components/Installations/Log/Log.tsx
+++ b/typescript/Frontend/src/components/Installations/Log/Log.tsx
@@ -19,6 +19,7 @@ const Log = () => {
         borderBottomLeftRadius: 4,
         borderBottomRightRadius: 4,
         borderColor: theme.palette.text.disabled,
+        overflowX: "auto",
       }}
     >
       <ScalarGraph />
diff --git a/typescript/Frontend/src/components/Installations/Log/ScalarGraph.tsx b/typescript/Frontend/src/components/Installations/Log/ScalarGraph.tsx
index 844dc4793..4565931bb 100644
--- a/typescript/Frontend/src/components/Installations/Log/ScalarGraph.tsx
+++ b/typescript/Frontend/src/components/Installations/Log/ScalarGraph.tsx
@@ -205,6 +205,15 @@ const ScalarGraph = () => {
           </div>
         );
       }
+    } else if (checkedToggles.length === 0) {
+      return (
+        <Alert sx={{ mt: 2 }} severity="info">
+          <FormattedMessage
+            id="makeASelection"
+            defaultMessage="Please make a selection on the left"
+          />
+        </Alert>
+      );
     } else if (toggles === null) {
       return (
         <Alert sx={{ mt: 2 }} severity="error">
@@ -215,14 +224,7 @@ const ScalarGraph = () => {
         </Alert>
       );
     }
-    return (
-      <Alert sx={{ mt: 2 }} severity="info">
-        <FormattedMessage
-          id="makeASelection"
-          defaultMessage="Please make a selection on the left"
-        />
-      </Alert>
-    );
+    return null;
   };
 
   return <>{renderGraphs()}</>;