diff --git a/taccsite_cms/static/site_cms/css/src/_imports/components/c-callout.css b/taccsite_cms/static/site_cms/css/src/_imports/components/c-callout.css
index 2b167c41d..c933e898b 100644
--- a/taccsite_cms/static/site_cms/css/src/_imports/components/c-callout.css
+++ b/taccsite_cms/static/site_cms/css/src/_imports/components/c-callout.css
@@ -37,8 +37,6 @@ Styleguide Components.Callout
 
 .c-callout {
   display: grid;
-
-  padding: 20px;
 }
 .c-callout--has-figure {
   /* See @media queries */
@@ -53,6 +51,10 @@ Styleguide Components.Callout
 .c-callout__desc { grid-area: desc; }
 
 @media only screen and (--narrow-and-above) {
+  .c-callout {
+    padding: 20px;
+    text-align: left;
+  }
   .c-callout--has-figure {
     grid-template-rows: auto 1fr;
     grid-template-columns: auto 1fr;
@@ -66,6 +68,10 @@ Styleguide Components.Callout
 }
 
 @media only screen and (--narrow-and-below) {
+  .c-callout {
+    padding: 20px 40px;
+    text-align: center;
+  }
   .c-callout--has-figure {
     grid-template-areas:
       'figure'
@@ -120,6 +126,7 @@ Styleguide Components.Callout
 }
 .c-callout__desc {
   font-size: var(--global-font-size--large);
+  font-weight: var(--medium);
   color: var(--global-color-primary--xx-light);
 }
 
diff --git a/taccsite_cms/static/site_cms/css/src/_imports/tools/x-article-link.css b/taccsite_cms/static/site_cms/css/src/_imports/tools/x-article-link.css
index 986b236ac..9ed9c334b 100644
--- a/taccsite_cms/static/site_cms/css/src/_imports/tools/x-article-link.css
+++ b/taccsite_cms/static/site_cms/css/src/_imports/tools/x-article-link.css
@@ -43,3 +43,8 @@ Styleguide Tools.ExtendsAndMixins.ArticleLink
 %x-article-link-active {
   outline: 1px dotted var(--global-color-accent--normal);
 }
+
+/* To give link active state feedback */
+%x-article-link-active {
+  outline: 1px dotted var(--global-color-accent--normal);
+}