diff --git a/packages/rubric/src/__tests__/rubric.test.jsx b/packages/rubric/src/__tests__/rubric.test.jsx
index 0274101a2..34be5d1f8 100644
--- a/packages/rubric/src/__tests__/rubric.test.jsx
+++ b/packages/rubric/src/__tests__/rubric.test.jsx
@@ -13,6 +13,11 @@ jest.mock('@pie-lib/editable-html-tip-tap', () => {
jest.mock('@pie-lib/config-ui', () => ({
FeedbackConfig: ({ feedback }) =>
{JSON.stringify(feedback)}
,
+ InputContainer: ({ children, label }) => (
+
+ {children}
+
+ ),
}));
jest.mock('@hello-pangea/dnd', () => ({
diff --git a/packages/rubric/src/authoring.jsx b/packages/rubric/src/authoring.jsx
index 690b726d8..098e529e8 100644
--- a/packages/rubric/src/authoring.jsx
+++ b/packages/rubric/src/authoring.jsx
@@ -142,12 +142,19 @@ const Container = styled('div')(({ theme }) => ({
padding: theme.spacing(2),
margin: theme.spacing(1),
}));
-const InputContainerWrapper = styled('div')(({ theme }) => ({
+
+const StyledInputContainer = styled(InputContainer)(({ theme }) => ({
width: '100%',
- paddingTop: theme.spacing(2),
+ paddingTop: theme.spacing(2.5),
marginBottom: theme.spacing(2),
- '& MuiFormControl-root': { width: '100%' },
+ marginTop: theme.spacing(1),
+ '& .MuiFormControl-root': { width: '100%' },
+ '& > .MuiFormLabel-root.MuiInputLabel-shrink': {
+ fontSize: theme.typography.fontSize + 2,
+ transform: 'translate(0, 1.5px) scale(0.75)',
+ },
}));
+
const Rubricless = styled('div')(() => ({ display: 'none' }));
const ConfigHolder = styled('div')(({ theme }) => ({ paddingTop: theme.spacing(1), paddingBottom: theme.spacing(1) }));
const RubricTitle = styled(Typography)(({ theme }) => ({ paddingLeft: theme.spacing(1), margin: theme.spacing(1) }));
@@ -301,19 +308,18 @@ export class RawAuthoring extends React.Component {
{rubriclessInstructionEnabled && rubricless && (
-
-
-
-
-
+
+
+
)}