fix object detail view is not scrollable on mobile (#45312)

e2e/test/scenarios/visualizations-charts/visualizations-charts-reproductions.cy.spec.ts

 import { SAMPLE_DATABASE } from "e2e/support/cypress_sample_database";
 import {
   createQuestion,
+  modal,
   popover,
   restore,
   type StructuredQuestionDetails,
@@ -37,3 +38,26 @@ describe("issue 43075", () => {
     });
   });
 });
+
+describe("issue 41133", () => {
+  const questionDetails: StructuredQuestionDetails = {
+    query: {
+      "source-table": PRODUCTS_ID,
+    },
+  };
+  beforeEach(() => {
+    cy.viewport(600, 400);
+    restore();
+    cy.signInAsAdmin();
+    createQuestion(questionDetails, { visitQuestion: true });
+  });
+
+  it("object detail view should be scrollable on narrow screens (metabase#41133)", () => {
+    cy.findByTestId("detail-shortcut").eq(0).click();
+
+    modal().within(() => {
+      cy.findByText("Created At").scrollIntoView().should("be.visible");
+      cy.findByText("is connected to:").scrollIntoView().should("be.visible");
+    });
+  });
+});

frontend/src/metabase/visualizations/components/ObjectDetail/ObjectDetailWrapper.styled.tsx

@@ -30,7 +30,7 @@ export const RootModal = styled(Modal)`
       height: calc(80vh - 4rem);
     }
 
-    height: calc(100vh - 8rem);
+    max-height: calc(100vh - 8rem);
   }
 
   ${ObjectDetailsTable} {