diff --git a/packages/categorize/configure/src/design/categories/choice-preview.jsx b/packages/categorize/configure/src/design/categories/choice-preview.jsx
index 0eda4315d6..69de37f3aa 100644
--- a/packages/categorize/configure/src/design/categories/choice-preview.jsx
+++ b/packages/categorize/configure/src/design/categories/choice-preview.jsx
@@ -20,6 +20,12 @@ const DeleteIconButton = styled(IconButton)({
   color: `${color.tertiary()} !important`,
 });
 
+const StyledDraggableChoice = styled(DraggableChoice)({
+  '& > p': {
+    margin: '0px !important',
+  },
+});
+
 export class ChoicePreview extends React.Component {
   static propTypes = {
     alternateResponseIndex: PropTypes.number,
@@ -50,7 +56,7 @@ export class ChoicePreview extends React.Component {
     return (
       <ChoicePreviewContainer>
         {choice ? (
-          <DraggableChoice
+          <StyledDraggableChoice
             alternateResponseIndex={alternateResponseIndex}
             category={category}
             choice={choice}
@@ -61,7 +67,7 @@ export class ChoicePreview extends React.Component {
             categoryId={categoryId}
           >
             <HtmlAndMath html={choice?.content} />
-          </DraggableChoice>
+          </StyledDraggableChoice>
         ) : null}
         <DeleteIconButton aria-label="delete" onClick={this.delete} size="large">
           <RemoveCircleOutlineIcon />
diff --git a/packages/categorize/src/categorize/choice.jsx b/packages/categorize/src/categorize/choice.jsx
index 0767841e84..929ce8137b 100644
--- a/packages/categorize/src/categorize/choice.jsx
+++ b/packages/categorize/src/categorize/choice.jsx
@@ -44,6 +44,9 @@ const StyledCardContent = styled(CardContent)(({ theme }) => ({
   },
   borderRadius: '4px',
   border: '1px solid',
+  '& p': {
+    margin: '0px',
+  },
 }));
 
 export class Layout extends React.Component {