diff --git a/src/core/features/block/components/side-blocks-button/side-blocks-button.html b/src/core/features/block/components/side-blocks-button/side-blocks-button.html
index d38d89e7f..07dcf6632 100644
--- a/src/core/features/block/components/side-blocks-button/side-blocks-button.html
+++ b/src/core/features/block/components/side-blocks-button/side-blocks-button.html
@@ -1,3 +1,3 @@
-<ion-button (click)="openBlocks()" [attr.aria-label]="'core.block.opendrawerblocks' | translate">
+<ion-button (click)="openBlocks()" [attr.aria-label]="'core.block.opendrawerblocks' | translate" color="secondary">
     <ion-icon name="fas-chevron-left" slot="icon-only" aria-hidden="true"></ion-icon>
 </ion-button>
diff --git a/src/core/features/block/components/side-blocks-button/side-blocks-button.scss b/src/core/features/block/components/side-blocks-button/side-blocks-button.scss
index 3e9277bfc..579196d50 100644
--- a/src/core/features/block/components/side-blocks-button/side-blocks-button.scss
+++ b/src/core/features/block/components/side-blocks-button/side-blocks-button.scss
@@ -10,11 +10,12 @@
         --padding-start: 0.5em;
         --padding-end: 0;
         --border-radius: 2em 0 0 2em;
+        height: 56px;
 
         &::part(native) {
             @include core-transition(padding, 200ms);
         }
-        
+
         &:hover {
             --padding-end: 1.2em;
             --padding-start: 1em;
diff --git a/src/core/features/courses/components/course-list-item/course-list-item.scss b/src/core/features/courses/components/course-list-item/course-list-item.scss
index 928f993e2..5fe1a7c95 100644
--- a/src/core/features/courses/components/course-list-item/course-list-item.scss
+++ b/src/core/features/courses/components/course-list-item/course-list-item.scss
@@ -39,7 +39,7 @@
 
 ion-card {
     --vertical-margin: 12px;
-
+    --border-radius: 16px;
     display: flex;
     flex-direction: column;
     align-self: stretch;
diff --git a/src/theme/theme.base.scss b/src/theme/theme.base.scss
index 204469c4c..9cb05b758 100644
--- a/src/theme/theme.base.scss
+++ b/src/theme/theme.base.scss
@@ -303,7 +303,7 @@ button,
 
 // Clear buttons will be black.
 ion-button.button-clear {
-    --ion-color-primary: var(--brand-color);
+    --ion-color-primary: var(--primary);
 }
 
 [role="button"],
@@ -392,7 +392,7 @@ ion-alert .alert-message {
 }
 
 ion-alert .alert-wrapper button.alert-button {
-    color: var(--brand-color);
+    color: var(--primary);
 }
 
 // Ionic list.
@@ -707,8 +707,16 @@ img[core-external-content]:not([src]) {
     visibility: hidden;
 }
 
-ion-card ion-item:only-child {
-    --inner-border-width: 0px;
+ion-card {
+    border-width: var(--border-width);
+    border-style: var(--border-style);
+    border-color: var(--border-color);
+    box-shadow: var(--box-shadow);
+    border-radius: var(--border-radius);
+
+    ion-item:only-child {
+        --inner-border-width: 0px;
+    }
 }
 
 .core-course-module-handler:not(.addon-mod-label-handler) .item-heading .filter_mathjaxloader_equation div {
diff --git a/src/theme/theme.light.scss b/src/theme/theme.light.scss
index 93f62f078..de9cebfba 100644
--- a/src/theme/theme.light.scss
+++ b/src/theme/theme.light.scss
@@ -75,6 +75,13 @@
     --subdued-text-color: #595959;
 
     --ion-card-color: var(--text-color);
+    ion-card {
+        --border-width: 1px;
+        --border-style: solid;
+        --border-color: var(--gray);
+        --box-shadow: none;
+        --border-radius: 8px;
+    }
 
     --text-hightlight-background-color: #{$core-text-hightlight-background-color};
 
@@ -85,8 +92,8 @@
         --background-alternative: var(--gray-lighter);
     }
 
-    --core-bottom-tabs-background: var(--black);
-    --core-bottom-tabs-color: var(--gray-lighter);
+    --core-bottom-tabs-background: var(--white);
+    --core-bottom-tabs-color: var(--gray-darker);
     --core-bottom-tabs-color-selected: var(--brand-color);
     --core-bottom-tabs-background-selected: transparent;
     --core-bottom-tabs-badge-color: var(--brand-color);