diff --git a/web/components/panel.css b/web/components/panel.css
--- a/web/components/panel.css
+++ b/web/components/panel.css
@@ -6,11 +6,11 @@
 .itemContainer {
   display: flex;
   flex-direction: column;
-  background-color: var(--card-background-primary-default);
+  background-color: var(--panel-background-primary-default);
 }
 
 .secondaryItemContainer {
-  background-color: var(--card-background-secondary-default);
+  background-color: var(--panel-background-secondary-default);
 }
 
 .singleItemContainer {
@@ -27,6 +27,6 @@
 
 .headerContainer {
   height: 56px;
-  box-shadow: 0px 1px 3px 0px var(--card-headerShadow-primary-default);
+  box-shadow: 0px 1px 3px 0px var(--panel-headerShadow-primary-default);
   clip-path: inset(0 0 -3px 0);
 }
diff --git a/web/theme.css b/web/theme.css
--- a/web/theme.css
+++ b/web/theme.css
@@ -265,10 +265,10 @@
   --text-background-tertiary-default: var(--shades-black-50);
   --text-background-danger-default: var(--error-primary);
 
-  /* Card */
-  --card-background-primary-default: var(--shades-black-85);
-  --card-background-secondary-default: var(--shades-black-90);
-  --card-headerShadow-primary-default: var(--shadow-dark-35);
+  /* Panel */
+  --panel-background-primary-default: var(--shades-black-85);
+  --panel-background-secondary-default: var(--shades-black-90);
+  --panel-headerShadow-primary-default: var(--shadow-dark-35);
 
   /* Button */
   --button-background-primary-default: var(--violet-dark-100);
@@ -351,11 +351,11 @@
   --text-background-tertiary-default: var(--shades-black-50);
   --text-background-danger-default: var(--error-primary);
 
-  /* Card */
+  /* Panel */
   /* @GINSU: TODO double check these values after redesign is finished */
-  --card-background-primary-default: var(--shades-white-80);
-  --card-background-secondary-default: var(--shades-white-90);
-  --card-headerShadow-primary-default: var(--shadow-light-35);
+  --panel-background-primary-default: var(--shades-white-80);
+  --panel-background-secondary-default: var(--shades-white-90);
+  --panel-headerShadow-primary-default: var(--shadow-light-35);
 
   /* Button */
   --button-background-primary-default: var(--violet-dark-100);