diff --git a/src/discussions/posts/post-actions-bar/PostActionsBar.jsx b/src/discussions/posts/post-actions-bar/PostActionsBar.jsx
index 97a6106d..013b4233 100644
--- a/src/discussions/posts/post-actions-bar/PostActionsBar.jsx
+++ b/src/discussions/posts/post-actions-bar/PostActionsBar.jsx
@@ -17,6 +17,8 @@ import { discussionsPath } from '../../utils';
 import { setSearchQuery, showPostEditor } from '../data';
 import messages from './messages';
 
+import './actionBar.scss';
+
 function PostActionsBar({
   intl,
   inContext,
@@ -38,7 +40,7 @@ function PostActionsBar({
               history.push(discussionsPath(Routes.POSTS.ALL_POSTS, { courseId })(location));
             }}
             placeholder={intl.formatMessage(messages.searchAllPosts)}
-            className="small"
+            inputProps={{ className: 'small-font' }}
           />
           <div className="border-right mr-3 ml-4" />
         </>
diff --git a/src/discussions/posts/post-actions-bar/actionBar.scss b/src/discussions/posts/post-actions-bar/actionBar.scss
new file mode 100644
index 00000000..f5cf79fd
--- /dev/null
+++ b/src/discussions/posts/post-actions-bar/actionBar.scss
@@ -0,0 +1,3 @@
+.small-font {
+  font-size: .875rem !important;
+}
diff --git a/src/discussions/posts/post-editor/PostEditor.jsx b/src/discussions/posts/post-editor/PostEditor.jsx
index 6509d723..48a6a63f 100644
--- a/src/discussions/posts/post-editor/PostEditor.jsx
+++ b/src/discussions/posts/post-editor/PostEditor.jsx
@@ -39,7 +39,7 @@ function DiscussionPostType({
     <label htmlFor={`post-type-${value}`} className="d-flex p-0 my-0 mr-3">
       <Form.Radio value={value} id={`post-type-${value}`} className="sr-only">{type}</Form.Radio>
       <Card className={selected ? 'border border-primary border-2' : ''}>
-        <Card.Body>
+        <Card.Body className="p-3">
           <Card.Text className="d-flex flex-column align-items-center">
             <span className="text-gray-900">{icon}</span>
             <span>{type}</span>